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 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 Blog Community Home Start Get started Quick tour of Polymer Install Polymer 2.x 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 About this release What's new in 2.0 Upgrade guide Hybrid elements Release notes Custom elements Custom element concepts Define an element Declare properties Shadow DOM & styling Shadow DOM concepts DOM templating Style shadow DOM Custom CSS properties 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 Browser support Overview Polyfills ES6 Tools Tools overview Polymer CLI Document your elements Test your elements Web services polymer.json specification Node support Resources Glossary API Reference API Reference Global settings App Toolbox What's in the box? Using the Toolbox App templates Responsive app layout Routing Localization App storage Service worker Deploy Build for production Serve your app The PRPL pattern Case study Shop News Blog Community

We're excited to release a new progressive web app demo and template built with Polymer - Polymer News!

The Polymer News progressive web app is designed to showcase the fast performance and slick user experience possible using modern web platform features, and serve as a jumping-off point for building a more custom and feature-rich app.

It is built with Polymer 1.x (to be upgraded to Polymer 2.0 after 2.0 is released), and patterned after a typical "news" site - with categories and article pages. It showcases a number of different application patterns:

Polymer News will join Polymer Shop as a showcase and template for the Polymer App Toolbox. The App Toolbox provides various components that are useful in building high-quality PWA's, and the Shop and News demos show how they can be assembled into complete apps.

The Polymer News app in particular is designed to be easily extendable. In addition to the Polymer News case study in the App Toolbox docs, we've created a standalone documentation site that explains how Polymer News works and how you can customize it.

And of course, for a deep dive into the code, check out the Polymer News repository on Github.