Polymer
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¶
- 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!