20 KiB
20 KiB
Awesome Polymer !Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome)
▐ A collection of awesome Polymer resources
General resources
⟡ Official Site (https://www.polymer-project.org)
⟡ Blog (https://blog.polymer-project.org/)
⟡ Google+ Profile (https://plus.google.com/+PolymerProject/)
⟡ Github (https://github.com/polymer)
⟡ Project (https://github.com/polymer/project) All things related to the Polymer project - Roadmap, Code of Conduct, How to Contribute, and more.
Polymer Communities
⟡ StackOverflow (http://stackoverflow.com/questions/tagged/polymer)
⟡ GoogleGroup (https://groups.google.com/forum/#!forum/polymer-dev)
⟡ Twitter (https://twitter.com/polymer)
⟡ Google+ Community (https://plus.google.com/u/1/communities/115626364525706131031)
⟡ Slack channel (http://polymer-slack.herokuapp.com/)
Tutorials/Guides
⟡ Official Codelabs (https://codelabs.developers.google.com/polymer-summit)
⟡ Test your elements (https://www.polymer-project.org/2.0/docs/tools/tests)
⟡ Testing Tips (https://medium.com/google-developer-experts/polymer-testing-tips-f217ba94a64)
⟡ Unit Testing (https://medium.com/@granze/polymer-unit-testing-d6a69910dc31)
⟡ Deploy with Firebase (https://www.polymer-project.org/2.0/start/toolbox/deploy)
⟡ Migration guide (https://www.polymer-project.org/1.0/docs/migration.html)
⟡ Using elements (https://elements.polymer-project.org/guides/using-elements)
⟡ Flexbox layout with iron-flex-layout (https://elements.polymer-project.org/guides/flex-layout)
⟡ Using Neon Animations (https://elements.polymer-project.org/guides/using-neon-animations)
⟡ Build a real-time to-do app (https://scotch.io/tutorials/build-a-real-time-polymer-to-do-app)
⟡ Taming Polymer with SystemJS and TypeScript (http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/) Part 1
⟡ Polymer 3.0 Preview — Building a mini card game (https://medium.com/@jecelynyeen/polymer-3-0-preview-building-a-mini-card-game-ce8948265fd6)
Articles
⟡ Encapsulated Routing with Elements (https://www.polymer-project.org/1.0/articles/routing.html)
⟡ Building web components using ES6 classes (https://www.polymer-project.org/1.0/articles/es6.html)
⟡ Write web components with ES2015 (ES6) (http://www.revillweb.com/tutorials/web-components-with-es2015-es6/)
⟡ Live-reload for Polymer Chrome Apps (http://codingwithgerwin.blogspot.it/2015/07/live-reload-for-polymer-chrome-apps.html)
⟡ Using Polymer with Flux and a global app state (http://paulusschoutsen.nl/blog/2015/07/using-polymer-with-flux-and-a-global-app-state/)
⟡ Guitar Tuner with Web audio API (https://aerotwist.com/blog/guitar-tuner/)
⟡ Polymer for the Performance-obsessed (https://aerotwist.com/blog/polymer-for-the-performance-obsessed/)
⟡ What is shady DOM (https://www.polymer-project.org/1.0/articles/shadydom.html)
⟡ Using Polymer webcomponents with Angular JS (http://jcrowther.io/2015/05/26/using-polymer-webcomponents-with-angular-js/)
⟡ Upgrading to 1.0 (https://www.bithound.io/blog/post/upgrading-to-polymer-10) bitHound Blog
⟡ Dynamically Loading Elements & ES6 Modules (http://addyosmani.github.io/webcomponent-samples/polymer/modules/)
⟡ NET-A-PORTER case study (https://developers.google.com/web/showcase/case-study/net-a-porter)
⟡ Polymer loves Redux (https://medium.com/collaborne-engineering/polymer-loves-redux-f89a863394d9#.7f4z92ppy)
⟡ How to use Polymer with Webpack (https://medium.com/dev-channel/how-to-use-polymer-with-webpack-b41812d78b15)
Videos
⟡ Polycasts (https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN)
⟡ Summit 2017 (https://www.youtube.com/watch?v=TDpiyrcOO30&list=PLNYkxOF6rcIDP0PqVaJxqNWwIgvoEPzJi)
⟡ Summit 2016 (https://www.youtube.com/watch?v=0iM0DZjYGqg&list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ)
⟡ Summit 2015 (https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J)
⟡ The Web Platform Podcast 46: Polymer 1.0 (https://www.youtube.com/watch?v=d9tNO3n0RlM)
⟡ Google I/O 2017 - Future, Faster: Unlock the Power of Web Components with Polymer (https://www.youtube.com/watch?v=cuoZenpQveQ)
⟡ Google I/O 2015 - Polymer and modern web APIs: In production at Google scale (https://www.youtube.com/watch?v=fD2As5RmM8Q)
⟡ Componentize your app with Polymer Elements (https://youtu.be/7WgEuNZCCHk)
⟡ Learn Polymer 1.0 (https://www.youtube.com/playlist?list=PLPaj_o9gjMYll0sSb47TrzQCjIo5iqQZm) by Stretch Projects
⟡ Level up Tutorials (https://www.youtube.com/playlist?list=PLLnpHn493BHGhoGAb2PRKzv4Zw3QoatK-)
Boilerplates
⟡ Polymer boilerplate (https://github.com/webcomponents/polymer-boilerplate)
⟡ Starter kit (https://developers.google.com/web/tools/polymer-starter-kit/) Build tools & boilerplate for creating production-quality web apps.
⟡ Seed element (https://github.com/polymerlabs/seed-element)
⟡ Polymer Admin (https://github.com/akveo/polymer-admin) Responsive admin dashboard created using Polymer 1.0 and Polymer Starter Kit
⟡ Meteor-Polymer Starter Kit (https://github.com/aruntk/kickstart-meteor-polymer) Kickstart a Meteor - Polymer project with MWC packages
⟡ Meteor-Polymer Starter Kit Including Auth (https://github.com/aruntk/kickstart-meteor-polymer-with-auth)
Generators
⟡ Generator Polymer (https://github.com/yeoman/generator-polymer) Yeoman generator for Polymer projects, based on the official Starter kit (https://developers.google.com/web/tools/polymer-starter-kit/).
⟡ Generator element (https://www.npmjs.com/package/generator-element) Yeoman generator to create Custom Elements using Polymer, X-Tag or VanillaJS.
Official Elements
⟡ Elements Catalog (https://www.webcomponents.org/collection/Polymer/elements)
⟡ Iron (https://www.webcomponents.org/collection/PolymerElements/iron-elements) Iron elements are a set of visual and non-visual utility elements.
⟡ Paper (https://www.webcomponents.org/collection/PolymerElements/paper-elements) Paper elements are a set of visual elements that implement Google's Material Design.
⟡ Google web components (https://www.webcomponents.org/collection/GoogleWebComponents/google-web-components)
⟡ Gold (https://www.webcomponents.org/collection/PolymerElements/gold-elements) The gold elements are built for e-commerce use-cases like checkout flows.
⟡ Platinum (https://www.webcomponents.org/collection/PolymerElements/platinum-elements) Elements to turn your web page into a true webapp, with push, offline, and more.
⟡ Molecules (https://www.webcomponents.org/collection/PolymerElements/molecules) Elements that wrap other javascript libraries.
⟡ App (https://www.webcomponents.org/collection/PolymerElements/app-elements) Elements that enable building full web apps out of modular custom elements.
⟡ Data (https://www.webcomponents.org/collection/PolymerElements/data-elements) A collection of data/storage related elements.
⟡ Layout (https://www.webcomponents.org/collection/PolymerElements/layout-elements) A collection of layout related elements.
⟡ Obsolete Neon (https://elements.polymer-project.org/browse?package=neon-elements) Neon elements implement special effects.
Directories
⟡ Built with Polymer (http://builtwithpolymer.org/)
⟡ Webcomponents.org (https://webcomponents.org/)
⟡ Components Kitchen (http://component.kitchen/)
⟡ open-elements (http://open-elements.org) Open for all elements working with polymer ^1.1
Tools
⟡ App Toolbox (https://www.polymer-project.org/2.0/toolbox/) App Toolbox.
⟡ Polyserve (https://github.com/polymerlabs/polyserve) A simple web server for using bower components locally.
⟡ Polybuild (https://github.com/PolymerLabs/polybuild) An all-in-one build tool for Polymer apps.
⟡ Polyup (https://github.com/PolymerLabs/polyup) A helpful assistant for migrating from Polymer v0.5 to 1.0.
⟡ Polylint (https://github.com/PolymerLabs/polylint) Detect errors in your code.
⟡ Polygit (http://polygit.org/) 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 (https://github.com/PolymerLabs/polydev) DevTool extension.
⟡ Polymer Ready (https://chrome.google.com/webstore/detail/polymer-ready/aaifiopbmiecbpladpjaoemohhfjcbdk) Show an icon in the address bar when it detects some Polymer and Custom components.
⟡ Vulcanize (https://github.com/Polymer/vulcanize) Build tool for HTMLimports and web components.
⟡ Crisper (https://github.com/PolymerLabs/crisper) Split inline scripts from an HTML file for CSP compliance.
⟡ Snippets for Atom editor (https://atom.io/packages/polymer-snippets)
⟡ Snippets for Sublime Text editor (https://packagecontrol.io/packages/Polymer%20%26%20Web%20Component%20Snippets)
⟡ Synthesis (https://github.com/meteorwebcomponents/synthesis) Use Polymer as the view Layer of Meteor.js
⟡ MWC-Layout (https://github.com/meteorwebcomponents/layout) Control rendering of polymer components.
⟡ WC-Loader (https://github.com/aruntk/wc-loader). Webcomponents webpack loader
⟡ Polymer Webpack Loader (https://github.com/webpack-contrib/polymer-webpack-loader). Polymer webpack loader.
⟡ Polymer CDN (https://github.com/download/polymer-cdn). Unofficial CDN for polymer components.
⟡ lit-html (https://github.com/Polymer/lit-html) HTML templates, via JavaScript template literals.
Testing
⟡ Web components tester (https://github.com/Polymer/web-component-tester) Makes testing your web components a breeze!
⟡ Web components tester istambul (https://github.com/thedeeno/web-component-tester-istanbul) Istanbul coverage plugin for web-component-tester.
⟡ test-fixture (https://github.com/PolymerElements/test-fixture) Element that can simplify the exercise of consistently resetting a test suite's DOM.
⟡ iron-test-helpers (https://github.com/PolymerElements/iron-test-helpers) Utility classes to make testing easier.
Behaviors
⟡ Polymer-Apollo (https://github.com/aruntk/polymer-apollo) Polymer Apollo GraphQL Integration.
⟡ MWC-Mixin (https://github.com/meteorwebcomponents/mixin) Reactive meteor data source for polymer elements
⟡ MWC-Router (https://github.com/meteorwebcomponents/router) Two way bind polymer with Meteor Flowrouter.
⟡ Polymer-Redux (https://github.com/tur-nr/polymer-redux) Polymer bindings for Redux.
Theming/Styling
⟡ Polymer Themes (https://polymerthemes.com/) Free Polymer themes and templates
⟡ Material Palette (https://www.materialpalette.com/) Palette generator based on Material Design
⟡ Polystyle (https://poly-style.appspot.com/demo/) Wrap existing stylesheets with Polymer's style module system.
Notable projects
Polymer Projects (https://github.com/abdonrd/PolymerProjects) A list of websites and apps built with Polymer
Other awesome resources
If you want more awesome resources, check the awesome (https://github.com/sindresorhus/awesome) list!
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
License
!CC0 (http://i.creativecommons.org/p/zero/1.0/88x31.png) (http://creativecommons.org/publicdomain/zero/1.0/)
▐ A collection of awesome Polymer resources
General resources
⟡ Official Site (https://www.polymer-project.org)
⟡ Blog (https://blog.polymer-project.org/)
⟡ Google+ Profile (https://plus.google.com/+PolymerProject/)
⟡ Github (https://github.com/polymer)
⟡ Project (https://github.com/polymer/project) All things related to the Polymer project - Roadmap, Code of Conduct, How to Contribute, and more.
Polymer Communities
⟡ StackOverflow (http://stackoverflow.com/questions/tagged/polymer)
⟡ GoogleGroup (https://groups.google.com/forum/#!forum/polymer-dev)
⟡ Twitter (https://twitter.com/polymer)
⟡ Google+ Community (https://plus.google.com/u/1/communities/115626364525706131031)
⟡ Slack channel (http://polymer-slack.herokuapp.com/)
Tutorials/Guides
⟡ Official Codelabs (https://codelabs.developers.google.com/polymer-summit)
⟡ Test your elements (https://www.polymer-project.org/2.0/docs/tools/tests)
⟡ Testing Tips (https://medium.com/google-developer-experts/polymer-testing-tips-f217ba94a64)
⟡ Unit Testing (https://medium.com/@granze/polymer-unit-testing-d6a69910dc31)
⟡ Deploy with Firebase (https://www.polymer-project.org/2.0/start/toolbox/deploy)
⟡ Migration guide (https://www.polymer-project.org/1.0/docs/migration.html)
⟡ Using elements (https://elements.polymer-project.org/guides/using-elements)
⟡ Flexbox layout with iron-flex-layout (https://elements.polymer-project.org/guides/flex-layout)
⟡ Using Neon Animations (https://elements.polymer-project.org/guides/using-neon-animations)
⟡ Build a real-time to-do app (https://scotch.io/tutorials/build-a-real-time-polymer-to-do-app)
⟡ Taming Polymer with SystemJS and TypeScript (http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/) Part 1
⟡ Polymer 3.0 Preview — Building a mini card game (https://medium.com/@jecelynyeen/polymer-3-0-preview-building-a-mini-card-game-ce8948265fd6)
Articles
⟡ Encapsulated Routing with Elements (https://www.polymer-project.org/1.0/articles/routing.html)
⟡ Building web components using ES6 classes (https://www.polymer-project.org/1.0/articles/es6.html)
⟡ Write web components with ES2015 (ES6) (http://www.revillweb.com/tutorials/web-components-with-es2015-es6/)
⟡ Live-reload for Polymer Chrome Apps (http://codingwithgerwin.blogspot.it/2015/07/live-reload-for-polymer-chrome-apps.html)
⟡ Using Polymer with Flux and a global app state (http://paulusschoutsen.nl/blog/2015/07/using-polymer-with-flux-and-a-global-app-state/)
⟡ Guitar Tuner with Web audio API (https://aerotwist.com/blog/guitar-tuner/)
⟡ Polymer for the Performance-obsessed (https://aerotwist.com/blog/polymer-for-the-performance-obsessed/)
⟡ What is shady DOM (https://www.polymer-project.org/1.0/articles/shadydom.html)
⟡ Using Polymer webcomponents with Angular JS (http://jcrowther.io/2015/05/26/using-polymer-webcomponents-with-angular-js/)
⟡ Upgrading to 1.0 (https://www.bithound.io/blog/post/upgrading-to-polymer-10) bitHound Blog
⟡ Dynamically Loading Elements & ES6 Modules (http://addyosmani.github.io/webcomponent-samples/polymer/modules/)
⟡ NET-A-PORTER case study (https://developers.google.com/web/showcase/case-study/net-a-porter)
⟡ Polymer loves Redux (https://medium.com/collaborne-engineering/polymer-loves-redux-f89a863394d9#.7f4z92ppy)
⟡ How to use Polymer with Webpack (https://medium.com/dev-channel/how-to-use-polymer-with-webpack-b41812d78b15)
Videos
⟡ Polycasts (https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN)
⟡ Summit 2017 (https://www.youtube.com/watch?v=TDpiyrcOO30&list=PLNYkxOF6rcIDP0PqVaJxqNWwIgvoEPzJi)
⟡ Summit 2016 (https://www.youtube.com/watch?v=0iM0DZjYGqg&list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ)
⟡ Summit 2015 (https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J)
⟡ The Web Platform Podcast 46: Polymer 1.0 (https://www.youtube.com/watch?v=d9tNO3n0RlM)
⟡ Google I/O 2017 - Future, Faster: Unlock the Power of Web Components with Polymer (https://www.youtube.com/watch?v=cuoZenpQveQ)
⟡ Google I/O 2015 - Polymer and modern web APIs: In production at Google scale (https://www.youtube.com/watch?v=fD2As5RmM8Q)
⟡ Componentize your app with Polymer Elements (https://youtu.be/7WgEuNZCCHk)
⟡ Learn Polymer 1.0 (https://www.youtube.com/playlist?list=PLPaj_o9gjMYll0sSb47TrzQCjIo5iqQZm) by Stretch Projects
⟡ Level up Tutorials (https://www.youtube.com/playlist?list=PLLnpHn493BHGhoGAb2PRKzv4Zw3QoatK-)
Boilerplates
⟡ Polymer boilerplate (https://github.com/webcomponents/polymer-boilerplate)
⟡ Starter kit (https://developers.google.com/web/tools/polymer-starter-kit/) Build tools & boilerplate for creating production-quality web apps.
⟡ Seed element (https://github.com/polymerlabs/seed-element)
⟡ Polymer Admin (https://github.com/akveo/polymer-admin) Responsive admin dashboard created using Polymer 1.0 and Polymer Starter Kit
⟡ Meteor-Polymer Starter Kit (https://github.com/aruntk/kickstart-meteor-polymer) Kickstart a Meteor - Polymer project with MWC packages
⟡ Meteor-Polymer Starter Kit Including Auth (https://github.com/aruntk/kickstart-meteor-polymer-with-auth)
Generators
⟡ Generator Polymer (https://github.com/yeoman/generator-polymer) Yeoman generator for Polymer projects, based on the official Starter kit (https://developers.google.com/web/tools/polymer-starter-kit/).
⟡ Generator element (https://www.npmjs.com/package/generator-element) Yeoman generator to create Custom Elements using Polymer, X-Tag or VanillaJS.
Official Elements
⟡ Elements Catalog (https://www.webcomponents.org/collection/Polymer/elements)
⟡ Iron (https://www.webcomponents.org/collection/PolymerElements/iron-elements) Iron elements are a set of visual and non-visual utility elements.
⟡ Paper (https://www.webcomponents.org/collection/PolymerElements/paper-elements) Paper elements are a set of visual elements that implement Google's Material Design.
⟡ Google web components (https://www.webcomponents.org/collection/GoogleWebComponents/google-web-components)
⟡ Gold (https://www.webcomponents.org/collection/PolymerElements/gold-elements) The gold elements are built for e-commerce use-cases like checkout flows.
⟡ Platinum (https://www.webcomponents.org/collection/PolymerElements/platinum-elements) Elements to turn your web page into a true webapp, with push, offline, and more.
⟡ Molecules (https://www.webcomponents.org/collection/PolymerElements/molecules) Elements that wrap other javascript libraries.
⟡ App (https://www.webcomponents.org/collection/PolymerElements/app-elements) Elements that enable building full web apps out of modular custom elements.
⟡ Data (https://www.webcomponents.org/collection/PolymerElements/data-elements) A collection of data/storage related elements.
⟡ Layout (https://www.webcomponents.org/collection/PolymerElements/layout-elements) A collection of layout related elements.
⟡ Obsolete Neon (https://elements.polymer-project.org/browse?package=neon-elements) Neon elements implement special effects.
Directories
⟡ Built with Polymer (http://builtwithpolymer.org/)
⟡ Webcomponents.org (https://webcomponents.org/)
⟡ Components Kitchen (http://component.kitchen/)
⟡ open-elements (http://open-elements.org) Open for all elements working with polymer ^1.1
Tools
⟡ App Toolbox (https://www.polymer-project.org/2.0/toolbox/) App Toolbox.
⟡ Polyserve (https://github.com/polymerlabs/polyserve) A simple web server for using bower components locally.
⟡ Polybuild (https://github.com/PolymerLabs/polybuild) An all-in-one build tool for Polymer apps.
⟡ Polyup (https://github.com/PolymerLabs/polyup) A helpful assistant for migrating from Polymer v0.5 to 1.0.
⟡ Polylint (https://github.com/PolymerLabs/polylint) Detect errors in your code.
⟡ Polygit (http://polygit.org/) 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 (https://github.com/PolymerLabs/polydev) DevTool extension.
⟡ Polymer Ready (https://chrome.google.com/webstore/detail/polymer-ready/aaifiopbmiecbpladpjaoemohhfjcbdk) Show an icon in the address bar when it detects some Polymer and Custom components.
⟡ Vulcanize (https://github.com/Polymer/vulcanize) Build tool for HTMLimports and web components.
⟡ Crisper (https://github.com/PolymerLabs/crisper) Split inline scripts from an HTML file for CSP compliance.
⟡ Snippets for Atom editor (https://atom.io/packages/polymer-snippets)
⟡ Snippets for Sublime Text editor (https://packagecontrol.io/packages/Polymer%20%26%20Web%20Component%20Snippets)
⟡ Synthesis (https://github.com/meteorwebcomponents/synthesis) Use Polymer as the view Layer of Meteor.js
⟡ MWC-Layout (https://github.com/meteorwebcomponents/layout) Control rendering of polymer components.
⟡ WC-Loader (https://github.com/aruntk/wc-loader). Webcomponents webpack loader
⟡ Polymer Webpack Loader (https://github.com/webpack-contrib/polymer-webpack-loader). Polymer webpack loader.
⟡ Polymer CDN (https://github.com/download/polymer-cdn). Unofficial CDN for polymer components.
⟡ lit-html (https://github.com/Polymer/lit-html) HTML templates, via JavaScript template literals.
Testing
⟡ Web components tester (https://github.com/Polymer/web-component-tester) Makes testing your web components a breeze!
⟡ Web components tester istambul (https://github.com/thedeeno/web-component-tester-istanbul) Istanbul coverage plugin for web-component-tester.
⟡ test-fixture (https://github.com/PolymerElements/test-fixture) Element that can simplify the exercise of consistently resetting a test suite's DOM.
⟡ iron-test-helpers (https://github.com/PolymerElements/iron-test-helpers) Utility classes to make testing easier.
Behaviors
⟡ Polymer-Apollo (https://github.com/aruntk/polymer-apollo) Polymer Apollo GraphQL Integration.
⟡ MWC-Mixin (https://github.com/meteorwebcomponents/mixin) Reactive meteor data source for polymer elements
⟡ MWC-Router (https://github.com/meteorwebcomponents/router) Two way bind polymer with Meteor Flowrouter.
⟡ Polymer-Redux (https://github.com/tur-nr/polymer-redux) Polymer bindings for Redux.
Theming/Styling
⟡ Polymer Themes (https://polymerthemes.com/) Free Polymer themes and templates
⟡ Material Palette (https://www.materialpalette.com/) Palette generator based on Material Design
⟡ Polystyle (https://poly-style.appspot.com/demo/) Wrap existing stylesheets with Polymer's style module system.
Notable projects
Polymer Projects (https://github.com/abdonrd/PolymerProjects) A list of websites and apps built with Polymer
Other awesome resources
If you want more awesome resources, check the awesome (https://github.com/sindresorhus/awesome) list!
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
License
!CC0 (http://i.creativecommons.org/p/zero/1.0/88x31.png) (http://creativecommons.org/publicdomain/zero/1.0/)