Granze / Awesome Polymer
A collection of awesome Polymer resources.
Stars: ✭ 384
Projects that are alternatives of or similar to Awesome Polymer
Redux Store Element
A custom element allowing a more declarative use of Redux.
Stars: ✭ 83 (-78.39%)
Mutual labels: webcomponents, polymer, custom-elements
lego
🚀 Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (-82.03%)
Mutual labels: polymer, webcomponents, custom-elements
Vaadin Combo Box
The Web Component for displaying a list of items with filtering. Part of the Vaadin components.
Stars: ✭ 113 (-70.57%)
Mutual labels: webcomponents, polymer, custom-elements
toggle-icon
toggle-icon is a custom element created with Polymer. It provides an extremely powerful and customizable switch that looks like a paper-icon-button.
Stars: ✭ 21 (-94.53%)
Mutual labels: polymer, webcomponents, custom-elements
paper-chip
A chip web component made with Polymer 2 following Material Design guidelines
Stars: ✭ 30 (-92.19%)
Mutual labels: polymer, webcomponents, custom-elements
vaadin-text-field
The themable Web Component providing input controls. Part of the Vaadin components.
Stars: ✭ 29 (-92.45%)
Mutual labels: polymer, webcomponents, custom-elements
vite-plugin-sloth
Fresh take on static site generation, using HTML-first approach to build website. Powered by ⚡️ Vite
Stars: ✭ 39 (-89.84%)
Mutual labels: webcomponents, custom-elements
vaadin-checkbox
The Web Component for customized checkboxes. Part of the Vaadin components.
Stars: ✭ 18 (-95.31%)
Mutual labels: polymer, webcomponents
custom-elements-manifest
Custom Elements Manifest is a file format that describes custom elements in your project.
Stars: ✭ 81 (-78.91%)
Mutual labels: webcomponents, custom-elements
polymerx-cli
⚡ Unlock the power of Polymer 3, Web Components and modern web tools.
Stars: ✭ 30 (-92.19%)
Mutual labels: polymer, webcomponents
vaadin-context-menu
The responsive Web Component for showing context dependent items for any element on the page. Part of the Vaadin components.
Stars: ✭ 26 (-93.23%)
Mutual labels: polymer, webcomponents
dom-repeat-n
[Polymer 1.x] A template element that repeat n times its content.
Stars: ✭ 20 (-94.79%)
Mutual labels: polymer, webcomponents
Vaadin Core
An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 382 (-0.52%)
Mutual labels: webcomponents, polymer
vaadin-split-layout
The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.
Stars: ✭ 40 (-89.58%)
Mutual labels: polymer, webcomponents
cwco
Powerful and Fast Web Component Library with a Simple API
Stars: ✭ 27 (-92.97%)
Mutual labels: webcomponents, custom-elements
highcharts-webcomponent
Highcharts Web Component usable with any Framework
Stars: ✭ 21 (-94.53%)
Mutual labels: webcomponents, custom-elements
vaadin-icons
Vaadin Icons is a collection of 600+ unique icons designed for web applications
Stars: ✭ 59 (-84.64%)
Mutual labels: polymer, webcomponents
Switzerland
🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
Stars: ✭ 261 (-32.03%)
Mutual labels: webcomponents, custom-elements
anywhere-webcomponents
A UI work in progress based on custom elements (web components) for use in anywhere.
Stars: ✭ 17 (-95.57%)
Mutual labels: webcomponents, custom-elements
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!
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].