{"id":142,"url":"https://github.com/Granze/awesome-polymer","last_synced_at":"2025-08-13T19:32:27.042Z","repository":{"id":30109669,"uuid":"33659483","full_name":"Granze/awesome-polymer","owner":"Granze","description":"A collection of awesome Polymer resources.","archived":false,"fork":false,"pushed_at":"2018-03-21T18:52:01.000Z","size":89,"stargazers_count":396,"open_issues_count":0,"forks_count":40,"subscribers_count":35,"default_branch":"master","last_synced_at":"2024-05-20T04:08:59.571Z","etag":null,"topics":["awesome","awesome-list","custom-elements","list","polymer","polymer-apps","polymer-element","polymer-resources","shadowdom","webcomponents"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Granze.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-04-09T09:10:44.000Z","updated_at":"2024-02-21T15:06:57.000Z","dependencies_parsed_at":"2022-08-27T02:05:10.177Z","dependency_job_id":null,"html_url":"https://github.com/Granze/awesome-polymer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Granze%2Fawesome-polymer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Granze%2Fawesome-polymer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Granze%2Fawesome-polymer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Granze%2Fawesome-polymer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Granze","download_url":"https://codeload.github.com/Granze/awesome-polymer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229780026,"owners_count":18122914,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","custom-elements","list","polymer","polymer-apps","polymer-element","polymer-resources","shadowdom","webcomponents"],"created_at":"2024-01-05T20:12:47.524Z","updated_at":"2024-12-15T03:30:23.370Z","avatar_url":"https://github.com/Granze.png","language":null,"funding_links":[],"categories":["Front-End Development","Technical","Libraries and Frameworks","[Programming]","Others","Uncategorized","Front-end Development","More","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","前端开发","Other Lists","Themed Directories"],"sub_categories":["awesome-*","Polymer","[Programming] - [Polymer]","Uncategorized","CSS","Misc","TeX Lists","Updated more than a year ago"],"readme":"# Awesome Polymer [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\u003ca href=\"https://www.polymer-project.org\"\u003e\u003cimg src=\"https://www.polymer-project.org/images/logos/p-logo.png\" align=\"left\" height=\"64\" width=\"92\"\u003e\u003c/a\u003e\n\u003e A collection of awesome Polymer resources\n\n## General resources\n* [Official Site](https://www.polymer-project.org)\n* [Blog](https://blog.polymer-project.org/)\n* [Google+ Profile](https://plus.google.com/+PolymerProject/)\n* [Github](https://github.com/polymer)\n* [Project](https://github.com/polymer/project) All things related to the Polymer project - Roadmap, Code of Conduct, How to Contribute, and more.\n\n## Polymer Communities\n* [StackOverflow](http://stackoverflow.com/questions/tagged/polymer)\n* [GoogleGroup](https://groups.google.com/forum/#!forum/polymer-dev)\n* [Twitter](https://twitter.com/polymer)\n* [Google+ Community](https://plus.google.com/u/1/communities/115626364525706131031)\n* [Slack channel](http://polymer-slack.herokuapp.com/)\n\n## Tutorials/Guides\n* [Official Codelabs](https://codelabs.developers.google.com/polymer-summit)\n* [Test your elements](https://www.polymer-project.org/2.0/docs/tools/tests)\n* [Testing Tips](https://medium.com/google-developer-experts/polymer-testing-tips-f217ba94a64)\n* [Unit Testing](https://medium.com/@granze/polymer-unit-testing-d6a69910dc31)\n* [Deploy with Firebase](https://www.polymer-project.org/2.0/start/toolbox/deploy)\n* [Migration guide](https://www.polymer-project.org/1.0/docs/migration.html)\n* [Using elements](https://elements.polymer-project.org/guides/using-elements)\n* [Flexbox layout with iron-flex-layout](https://elements.polymer-project.org/guides/flex-layout)\n* [Using Neon Animations](https://elements.polymer-project.org/guides/using-neon-animations)\n* [Build a real-time to-do app](https://scotch.io/tutorials/build-a-real-time-polymer-to-do-app)\n* [Taming Polymer with SystemJS and TypeScript](http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/) Part 1\n* [Polymer 3.0 Preview — Building a mini card game](https://medium.com/@jecelynyeen/polymer-3-0-preview-building-a-mini-card-game-ce8948265fd6)\n\n## Articles\n* [Encapsulated Routing with Elements](https://www.polymer-project.org/1.0/articles/routing.html)\n* [Building web components using ES6 classes](https://www.polymer-project.org/1.0/articles/es6.html)\n* [Write web components with ES2015 (ES6)](http://www.revillweb.com/tutorials/web-components-with-es2015-es6/)\n* [Live-reload for Polymer Chrome Apps](http://codingwithgerwin.blogspot.it/2015/07/live-reload-for-polymer-chrome-apps.html)\n* [Using Polymer with Flux and a global app state](http://paulusschoutsen.nl/blog/2015/07/using-polymer-with-flux-and-a-global-app-state/)\n* [Guitar Tuner with Web audio API](https://aerotwist.com/blog/guitar-tuner/)\n* [Polymer for the Performance-obsessed](https://aerotwist.com/blog/polymer-for-the-performance-obsessed/)\n* [What is shady DOM](https://www.polymer-project.org/1.0/articles/shadydom.html)\n* [Using Polymer webcomponents with Angular JS](http://jcrowther.io/2015/05/26/using-polymer-webcomponents-with-angular-js/)\n* [Upgrading to 1.0](https://www.bithound.io/blog/post/upgrading-to-polymer-10) bitHound Blog\n* [Dynamically Loading Elements \u0026 ES6 Modules](http://addyosmani.github.io/webcomponent-samples/polymer/modules/)\n* [NET-A-PORTER case study](https://developers.google.com/web/showcase/case-study/net-a-porter)\n* [Polymer loves Redux](https://medium.com/collaborne-engineering/polymer-loves-redux-f89a863394d9#.7f4z92ppy)\n* [How to use Polymer with Webpack](https://medium.com/dev-channel/how-to-use-polymer-with-webpack-b41812d78b15)\n\n## Videos\n* [Polycasts](https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN)\n* [Summit 2017](https://www.youtube.com/watch?v=TDpiyrcOO30\u0026list=PLNYkxOF6rcIDP0PqVaJxqNWwIgvoEPzJi)\n* [Summit 2016](https://www.youtube.com/watch?v=0iM0DZjYGqg\u0026list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ)\n* [Summit 2015](https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J)\n* [The Web Platform Podcast 46: Polymer 1.0](https://www.youtube.com/watch?v=d9tNO3n0RlM)\n* [Google I/O 2017 - Future, Faster: Unlock the Power of Web Components with Polymer](https://www.youtube.com/watch?v=cuoZenpQveQ)\n* [Google I/O 2015 - Polymer and modern web APIs: In production at Google scale](https://www.youtube.com/watch?v=fD2As5RmM8Q)\n* [Componentize your app with Polymer Elements](https://youtu.be/7WgEuNZCCHk)\n* [Learn Polymer 1.0](https://www.youtube.com/playlist?list=PLPaj_o9gjMYll0sSb47TrzQCjIo5iqQZm) by Stretch Projects\n* [Level up Tutorials](https://www.youtube.com/playlist?list=PLLnpHn493BHGhoGAb2PRKzv4Zw3QoatK-)\n\n## Boilerplates\n* [Polymer boilerplate](https://github.com/webcomponents/polymer-boilerplate)\n* [Starter kit](https://developers.google.com/web/tools/polymer-starter-kit/) Build tools \u0026 boilerplate for creating production-quality web apps.\n* [Seed element](https://github.com/polymerlabs/seed-element)\n* [Polymer Admin](https://github.com/akveo/polymer-admin) Responsive admin dashboard created using Polymer 1.0 and Polymer Starter Kit\n* [Meteor-Polymer Starter Kit](https://github.com/aruntk/kickstart-meteor-polymer) Kickstart a Meteor - Polymer project with MWC packages\n* [Meteor-Polymer Starter Kit Including Auth](https://github.com/aruntk/kickstart-meteor-polymer-with-auth)\n\n## Generators\n* [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/).\n* [Generator element](https://www.npmjs.com/package/generator-element) Yeoman generator to create Custom Elements using Polymer, X-Tag or VanillaJS.\n\n## Official Elements\n* [Elements Catalog](https://www.webcomponents.org/collection/Polymer/elements)\n * [Iron](https://www.webcomponents.org/collection/PolymerElements/iron-elements) Iron elements are a set of visual and non-visual utility elements.\n * [Paper](https://www.webcomponents.org/collection/PolymerElements/paper-elements) Paper elements are a set of visual elements that implement Google's Material Design.\n * [Google web components](https://www.webcomponents.org/collection/GoogleWebComponents/google-web-components)\n * [Gold](https://www.webcomponents.org/collection/PolymerElements/gold-elements) The gold elements are built for e-commerce use-cases like checkout flows.\n * [Platinum](https://www.webcomponents.org/collection/PolymerElements/platinum-elements) Elements to turn your web page into a true webapp, with push, offline, and more.\n * [Molecules](https://www.webcomponents.org/collection/PolymerElements/molecules) Elements that wrap other javascript libraries.\n * [App](https://www.webcomponents.org/collection/PolymerElements/app-elements) Elements that enable building full web apps out of modular custom elements.\n * [Data](https://www.webcomponents.org/collection/PolymerElements/data-elements) A collection of data/storage related elements.\n * [Layout](https://www.webcomponents.org/collection/PolymerElements/layout-elements) A collection of layout related elements.\n * [[Obsolete] Neon](https://elements.polymer-project.org/browse?package=neon-elements) Neon elements implement special effects.\n\n## Directories\n* [Built with Polymer](http://builtwithpolymer.org/)\n* [Webcomponents.org](https://webcomponents.org/)\n* [Components Kitchen](http://component.kitchen/)\n* [open-elements](http://open-elements.org) Open for all elements working with polymer ^1.1\n\n## Tools\n* [App Toolbox](https://www.polymer-project.org/2.0/toolbox/) App Toolbox.\n* [Polyserve](https://github.com/polymerlabs/polyserve) A simple web server for using bower components locally.\n* [Polybuild](https://github.com/PolymerLabs/polybuild) An all-in-one build tool for Polymer apps.\n* [Polyup](https://github.com/PolymerLabs/polyup) A helpful assistant for migrating from Polymer v0.5 to 1.0.\n* [Polylint](https://github.com/PolymerLabs/polylint) Detect errors in your code.\n* [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.\n* [Polydev](https://github.com/PolymerLabs/polydev) DevTool extension.\n* [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.\n* [Vulcanize](https://github.com/Polymer/vulcanize) Build tool for HTMLimports and web components.\n* [Crisper](https://github.com/PolymerLabs/crisper) Split inline scripts from an HTML file for CSP compliance.\n* [Snippets for Atom editor](https://atom.io/packages/polymer-snippets)\n* [Snippets for Sublime Text editor](https://packagecontrol.io/packages/Polymer%20%26%20Web%20Component%20Snippets)\n* [Synthesis](https://github.com/meteorwebcomponents/synthesis) Use Polymer as the view Layer of Meteor.js\n* [MWC-Layout](https://github.com/meteorwebcomponents/layout) Control rendering of polymer components.\n* [WC-Loader](https://github.com/aruntk/wc-loader). Webcomponents webpack loader\n* [Polymer Webpack Loader](https://github.com/webpack-contrib/polymer-webpack-loader). Polymer webpack loader.\n* [Polymer CDN](https://github.com/download/polymer-cdn). Unofficial CDN for polymer components.\n* [lit-html](https://github.com/Polymer/lit-html) HTML templates, via JavaScript template literals.\n\n## Testing\n* [Web components tester](https://github.com/Polymer/web-component-tester) Makes testing your web components a breeze!\n* [Web components tester istambul](https://github.com/thedeeno/web-component-tester-istanbul) Istanbul coverage plugin for web-component-tester.\n* [test-fixture](https://github.com/PolymerElements/test-fixture) Element that can simplify the exercise of consistently resetting a test suite's DOM.\n* [iron-test-helpers](https://github.com/PolymerElements/iron-test-helpers) Utility classes to make testing easier.\n\n## Behaviors\n* [Polymer-Apollo](https://github.com/aruntk/polymer-apollo) Polymer Apollo GraphQL Integration.\n* [MWC-Mixin](https://github.com/meteorwebcomponents/mixin) Reactive meteor data source for polymer elements\n* [MWC-Router](https://github.com/meteorwebcomponents/router) Two way bind polymer with Meteor Flowrouter.\n* [Polymer-Redux](https://github.com/tur-nr/polymer-redux) Polymer bindings for Redux.\n\n## Theming/Styling\n* [Polymer Themes](https://polymerthemes.com/) Free Polymer themes and templates\n* [Material Palette](https://www.materialpalette.com/) Palette generator based on Material Design\n* [Polystyle](https://poly-style.appspot.com/demo/) Wrap existing stylesheets with Polymer's style module system.\n\n## Notable projects\n[Polymer Projects](https://github.com/abdonrd/PolymerProjects) A list of websites and apps built with Polymer\n\n\n## Other awesome resources\n**If you want more awesome resources, check the [awesome](https://github.com/sindresorhus/awesome) list!**\n\n---\n\n### License\n\n[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGranze%2Fawesome-polymer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGranze%2Fawesome-polymer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGranze%2Fawesome-polymer/lists"}