← Back to Awesome

Sections

Polymer

GitHub repository ↗ synced 2026/8/9

Awesome Polymer Awesome

A collection of awesome Polymer resources

General resources

  • Official Site
  • Blog
  • Google+ Profile
  • Github
  • Project All things related to the Polymer project - Roadmap, Code of Conduct, How to Contribute, and more.

Polymer Communities

  • StackOverflow
  • GoogleGroup
  • Twitter
  • Google+ Community
  • Slack channel

Tutorials/Guides

  • Official Codelabs
  • Test your elements
  • Testing Tips
  • Unit Testing
  • Deploy with Firebase
  • Migration guide
  • Using elements
  • Flexbox layout with iron-flex-layout
  • Using Neon Animations
  • Build a real-time to-do app
  • Taming Polymer with SystemJS and TypeScript Part 1
  • Polymer 3.0 Preview — Building a mini card game

Articles

  • Encapsulated Routing with Elements
  • Building web components using ES6 classes
  • Write web components with ES2015 (ES6)
  • Live-reload for Polymer Chrome Apps
  • Using Polymer with Flux and a global app state
  • Guitar Tuner with Web audio API
  • Polymer for the Performance-obsessed
  • What is shady DOM
  • Using Polymer webcomponents with Angular JS
  • Upgrading to 1.0 bitHound Blog
  • Dynamically Loading Elements & ES6 Modules
  • NET-A-PORTER case study
  • Polymer loves Redux
  • How to use Polymer with Webpack

Videos

  • Polycasts
  • Summit 2017
  • Summit 2016
  • Summit 2015
  • The Web Platform Podcast 46: Polymer 1.0
  • Google I/O 2017 - Future, Faster: Unlock the Power of Web Components with Polymer
  • Google I/O 2015 - Polymer and modern web APIs: In production at Google scale
  • Componentize your app with Polymer Elements
  • Learn Polymer 1.0 by Stretch Projects
  • Level up Tutorials

Boilerplates

  • Polymer boilerplate
  • Starter kit Build tools & boilerplate for creating production-quality web apps.
  • Seed element
  • Polymer Admin Responsive admin dashboard created using Polymer 1.0 and Polymer Starter Kit
  • Meteor-Polymer Starter Kit Kickstart a Meteor - Polymer project with MWC packages
  • Meteor-Polymer Starter Kit Including Auth

Generators

  • Generator Polymer Yeoman generator for Polymer projects, based on the official Starter kit.
  • Generator element Yeoman generator to create Custom Elements using Polymer, X-Tag or VanillaJS.

Official Elements

  • Elements Catalog
  • Iron Iron elements are a set of visual and non-visual utility elements.
  • Paper Paper elements are a set of visual elements that implement Google's Material Design.
  • Google web components
  • Gold The gold elements are built for e-commerce use-cases like checkout flows.
  • Platinum Elements to turn your web page into a true webapp, with push, offline, and more.
  • Molecules Elements that wrap other javascript libraries.
  • App Elements that enable building full web apps out of modular custom elements.
  • Data A collection of data/storage related elements.
  • Layout A collection of layout related elements.
  • [Obsolete] Neon Neon elements implement special effects.

Directories

  • Built with Polymer
  • Webcomponents.org
  • Components Kitchen
  • open-elements Open for all elements working with polymer ^1.1

Tools

  • App Toolbox App Toolbox.
  • Polyserve A simple web server for using bower components locally.
  • Polybuild An all-in-one build tool for Polymer apps.
  • Polyup A helpful assistant for migrating from Polymer v0.5 to 1.0.
  • Polylint Detect errors in your code.
  • Polygit The Magic Server serves files directly from github (via cdn.rawgit.com) in a manner that is compatible with HTML Imports natural deduplication feature.
  • Polydev DevTool extension.
  • Polymer Ready Show an icon in the address bar when it detects some Polymer and Custom components.
  • Vulcanize Build tool for HTMLimports and web components.
  • Crisper Split inline scripts from an HTML file for CSP compliance.
  • Snippets for Atom editor
  • Snippets for Sublime Text editor
  • Synthesis Use Polymer as the view Layer of Meteor.js
  • MWC-Layout Control rendering of polymer components.
  • WC-Loader. Webcomponents webpack loader
  • Polymer Webpack Loader. Polymer webpack loader.
  • Polymer CDN. Unofficial CDN for polymer components.
  • lit-html HTML templates, via JavaScript template literals.

Testing

  • Web components tester Makes testing your web components a breeze!
  • Web components tester istambul Istanbul coverage plugin for web-component-tester.
  • test-fixture Element that can simplify the exercise of consistently resetting a test suite's DOM.
  • iron-test-helpers Utility classes to make testing easier.

Behaviors

  • Polymer-Apollo Polymer Apollo GraphQL Integration.
  • MWC-Mixin Reactive meteor data source for polymer elements
  • MWC-Router Two way bind polymer with Meteor Flowrouter.
  • Polymer-Redux Polymer bindings for Redux.

Theming/Styling

  • Polymer Themes Free Polymer themes and templates
  • Material Palette Palette generator based on Material Design
  • Polystyle Wrap existing stylesheets with Polymer's style module system.

Notable projects

Polymer Projects A list of websites and apps built with Polymer

Other awesome resources

If you want more awesome resources, check the awesome list!