Home Start Get started Build an element 1. Get set up 2. Add local DOM 3. Data binding & properties 4. React to input 5. Theming with custom properties Build an app 1. Get set up 2. Create a new page 3. Add some elements 4. Deploy Polymer Feature overview Quick tour Define elements Register an element Declare properties Instance methods Behaviors Local DOM & styling Local DOM Styling Events Handle and fire events Gesture events Data system Data system concepts Work with object and array data Observers and computed properties Data binding Helper elements Tools Tools overview Polymer CLI Document your elements Test your elements Optimize for production Publish an element Advanced tools Services What's new Release notes 1.0 Migration guide About Polymer 1.0 Resources Community Browser compatibility API Reference Polymer.Base array-selector custom-style dom-bind dom-if dom-repeat dom-template Polymer.Templatizer Global settings 2.0 Preview About Polymer 2.0 Upgrade guide App Toolbox What's in the box? Using the Toolbox App templates Responsive app layout Routing Localization App storage Service worker Serve your app Case study Shop News Elements News What's in the box?
Using the Toolbox
App templates Responsive app layout Routing Localization App storage Service worker Serve your app
Case study
Shop News

Polymer App Toolbox is a collection of components, tools and templates for building Progressive Web Apps with Polymer. App Toolbox features:

  • Component-based architecture using Polymer and web components.
  • Responsive design using the app layout components.
  • Modular routing using the <app-route> elements.
  • Localization with <app-localize-behavior>.
  • Turnkey support for local storage with app storage elements.
  • Offline caching as a progressive enhancement, using service workers.
  • Build tooling to support serving your app multiple ways: unbundled for delivery over HTTP/2 with server push, and bundled for delivery over HTTP/1.

You can use any one of these components separately, or use them together to build a full-featured Progressive web app. Most importantly, each component is additive. For a simple app you may only need app-layout. As it gets more complicated, you can add routing, offline caching, and a high-performance server as required.

To get a feel for these components in action, you can try out the Shop demo. Shop is a full-featured e-commerce Progressive web app demo built using the Toolbox. Read about how it's built in Case study: the Shop app.

The News app demo showcases a progressive web app implementation of a News site. Read about the implementation of the News app in Case study: the News app.

To get started with the App Toolbox, visit Build an app with App Toolbox.

Or read on to find out about Responsive app layout.

Build an app

Responsive app layout