awesome-webcomponents
by obetomuniz
A curated list of awesome Web Components tools, articles and resources.
AI summary
Web Component guide
A curated list of resources and tools for building and using Web Components
- stars
- 640
- forks
- 52
- watching
- 33
- awesome lists
- 2
- entries
- 163
What's in the list
163 links in 32 sections, with live GitHub stats.activeno commit in 2y
Specifications
Web Standards
- Intro to Shadow DOM
by Agraj Mangal
- Custom Elements
by Eric Bidelman
- Introduction to HTML Imports
by Eiji Kitamura
Guides
- A Guide to Web Components
by Rob Dodson
- How to Create Your Own HTML Elements With Web Components
by Kezz Bracey
- Web Components: Introdução (pt-br)
by Diego Eis
- EXTENDING THE WEB WITH COMPONENTS
by Martin Naumann
- A Guide to Styling Elements
by Eric Bidelman
- Web Components in Action (book)
by Ben Farrell
Interop
- Here’s the difference between Polymer and Angular
by Alex Mingoia
- The roles of AngularJS and Polymer
by Dr. Axel Rauschmayer
- Plans for supporting Web Components in AngularJS and Ember.js
by Dr. Axel Rauschmayer
Angular Custom Element
by David Shapiro
- Integrating Web Components with AngularJS
by Pascal Precht
- View Encapsulation in Angular 2
by Pascal Precht
- A Bet on Web Components and Ember.Component Synchronicity
by pixelhandler
- Web Components in Angular, Ember, and React.
by Chris Bateman
- Using Polymer WebComponents with Angular.js
by Josh Crowther
SEO
Accessibility
- Accessibility of Web Components
by Marcy Sutton
- Accessible Web Components
by By Addy Osmani and Alice Boxhall
- Notes on Web Components + ARIA
by Steve Faulkner
- Making Polymer Elements Accessible
by Alice Boxhall
- On the accessibility of web components. Again.
by Bruce Lawson
Presentations
- Web Components: A chance to create the future
by Zeno Rocha
- Web Components Shift: a tectonic shift for web development
by Eric Bidelman
- Real World Web components
by Jarrod Overson
- Introduction to Web Components
by Jason Mayes
- Componentizando a Web com Polymer (pt-br)
by Stefan Horochovec
- Polymer: building modern apps on web components
by Eric Bidelman
- Desmistificando o Polymer (pt-br)
by Beto Muniz
- WebApps com Web Components (pt-br)
by Beto Muniz
- Tudo que você precisa saber para iniciar com Polymer e Webcomponents (pt-br)
by GDG Belo Horizonte
- Componentes como peças de lego
by Diego Haz
- Rip Your Player's Face Off
by Steve Heffernan
Articles
- Why Web Components Aren’t Ready for Production… Yet
by TJ VanToll
- Why Web Components Are Ready For Production
by TJ VanToll
- The State of the Componentised Web
by Ian Murphy
- Shadow DOM CSS Cheat Sheet
by Rob Dodson
- Web Components – The Future Web
by Arvind Ravulavaru
- Web Components! Hoje!
by Beto Muniz
- Desmistificando o Polymer: Olá Polymer! (pt-br)
by Beto Muniz
- Desmistificando o Polymer: Porque o Polymer? (pt-br)
by Beto Muniz
- Discoverability for Web Components
by Zeno Rocha
- Why Web Components?
by Zeno Rocha and Addy Osmani
- Extending Styles
by Philip Walton
- HTML, the Hero of the Web
by Wesley Luyten
Podcasts
Web Tools
- WebComponents.dev
— in-browser IDE to code web components in isolation with 58 templates available, supporting stories and tests
- Backlight
— with collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design Systems
- Web Component DevTools
Browser extension improving debugging web components
- Web Reflection: A W3C Custom Elements Alternative
by Web Reflection
Vulcanize
by Polymer Project
by Polymer Project
Element Generator for Slush
by WebComponents.org
Element Generator for Yeoman
by WebComponents.org
- webcomponents.js
by WebComponents.org
- Web Components Weekly
by Mateus Ortiz
Libraries and Frameworks / Polymer
- Polymer Project
by Google
- Introduction to Polymer: The Next Generation of Web Development
by Matthew McNulty
- Unlock the next era of UI development with Polymer
by Rob Dodson
- Polymer and the Web Components revolution
by Matt McNulty
- Using Polymer to Create Web Components
by Rey Bango
- Sharing Polymer Components: Part 1
by Rey Bango
- Sharing Polymer Components: Part 2
by Rey Bango
- Inheritance and composition with Polymer
by Pascal Precht
- Creating responsive UIs
by Rob Dodson
- Making Web Components accessible
by Alice Boxhall
- Hello Polymer: Q&A with Google’s Polymer team
by Dr. Axel Rauschmayer
- Google’s Polymer and the future of web UI frameworks
by Dr. Axel Rauschmayer
- The Polymer approach to building single page applications
by Eric Bidelman
PolymerSnippets
by Rob Dodson
- Creating a Polymer Chat App with Material Design
by Tomomi Imura
Awesome Polymer
by Maurizio Mangione
Polymer Generator for YeomanLibraries and Frameworks / Bosonic
Libraries and Frameworks / X-Tags
- X-tags Site
by Mozilla
- Brick
by Mozilla
Libraries and Frameworks / Slim-JS
Git repositoryLibraries and Frameworks / ReactJS
Keo
for Shadow DOM
for Custom Elements
Libraries and Frameworks / SkateJS
SkateJS RepoLibraries and Frameworks / Aurelia
Libraries and Frameworks / Switzerland
Libraries and Frameworks / VueJS
- VueJS
Main Repository
Libraries and Frameworks / Mithril
- Mithril
Main Repository
Libraries and Frameworks / Angular
- Angular
Main Repository
Libraries and Frameworks / Stencil.js
Git repository
AnywhereUILibraries and Frameworks / ComponentForge
Git repositoryLibraries and Frameworks / Bit
Bit
component development, reuse and collaboration tool
Libraries and Frameworks / NuML
- NuML site & storybook
style-oriented framework and design system
NuML repositoryLibraries and Frameworks / Lego
- Lego site
native web-components made light and reactive
Lego repositoryComponents
Github Time Elements
by GitHub
Router Manager
by Erik Ringsmuth
Responsive Embed
by Joselito Júnior
Media Chrome (Custom Elements for Media UIs)
by Mux, Inc
- ComponentForge Web Components
by Darshan Marathe
Image Display Control
by Frameright
WebComponents.org / Hello World's
WebComponents.org / Boilerplates
WebComponents.org
Community
Nothing in this list matches your filter.
Featured in 2 awesome lists
Each link jumps to the spot where the list mentions awesome-webcomponents.
