Awesome Polymer Overview

A collection of awesome Polymer resources.

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 Granze/awesome-polymer · ⭐ 393 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Awesome Polymer

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

Tutorials/Guides

Articles

Videos

Boilerplates

Polymer boilerplate (⭐371)
Starter kit Build tools & boilerplate for creating production-quality web apps.
Seed element (⭐280)
Polymer Admin (⭐301) Responsive admin dashboard created using Polymer 1.0 and Polymer Starter Kit
Meteor-Polymer Starter Kit (⭐15) Kickstart a Meteor - Polymer project with MWC packages
Meteor-Polymer Starter Kit Including Auth (⭐6)

Generators

Generator Polymer (⭐932) 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 (⭐191) A simple web server for using bower components locally.
Polybuild (⭐75) An all-in-one build tool for Polymer apps.
Polyup (⭐38) A helpful assistant for migrating from Polymer v0.5 to 1.0.
Polylint (⭐117) 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 (⭐120) DevTool extension.
Polymer Ready Show an icon in the address bar when it detects some Polymer and Custom components.
Vulcanize (⭐1.2k) Build tool for HTMLimports and web components.
Crisper (⭐105) Split inline scripts from an HTML file for CSP compliance.
Snippets for Atom editor
Snippets for Sublime Text editor
Synthesis (⭐28) Use Polymer as the view Layer of Meteor.js
MWC-Layout (⭐5) Control rendering of polymer components.
WC-Loader (⭐100). Webcomponents webpack loader
Polymer Webpack Loader (⭐192). Polymer webpack loader.
Polymer CDN (⭐68). Unofficial CDN for polymer components.
lit-html (⭐13k) HTML templates, via JavaScript template literals.

Testing

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

Behaviors

Polymer-Apollo (⭐79) Polymer Apollo GraphQL Integration.
MWC-Mixin (⭐15) Reactive meteor data source for polymer elements
MWC-Router (⭐4) Two way bind polymer with Meteor Flowrouter.
Polymer-Redux (⭐444) 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 (⭐82) A list of websites and apps built with Polymer

Other awesome resources

If you want more awesome resources, check the awesome (⭐223k) list!