awesome-webcomponents
A curated list of awesome Web Components tools, articles and resources.
https://github.com/obetomuniz/awesome-webcomponents
Last synced: 6 days ago
JSON representation
-
Specifications
-
Web Standards
-
Guides
- Tutorial: How to create a Web Component?
- A Guide to Web Components
- How to Create Your Own HTML Elements With Web Components
- Web Components é uma Revolução? (pt-br)
- Web Components: Introdução (pt-br)
- EXTENDING THE WEB WITH COMPONENTS
- Web Components
- A Guide to Styling Elements
- Web Components in Action (book)
- Tutorial: How to create a Web Component?
- Web Components: Introdução (pt-br)
-
Interop
- Here’s the difference between Polymer and Angular
- The roles of AngularJS and Polymer
- Plans for supporting Web Components in AngularJS and Ember.js
- Integrating Web Components with AngularJS
- View Encapsulation in Angular 2
- Creating Container Components, Part 3: Angular 2 Component Directives
- A Bet on Web Components and Ember.Component Synchronicity
- Web Components in Angular, Ember, and React.
- A Bet on Web Components and Ember.Component Synchronicity
- Angular Custom Element
- A Bet on Web Components and Ember.Component Synchronicity
- Web Components in Angular, Ember, and React.
- Using Polymer WebComponents with Angular.js
-
SEO
-
Accessibility
-
Presentations
- Web Components: A chance to create the future
- Web Components Shift: a tectonic shift for web development
- Real World Web components
- Introduction to Web Components
- Componentizando a Web com Polymer (pt-br)
- Polymer: building modern apps on web components
- Desmistificando o Polymer (pt-br)
- WebApps com Web Components (pt-br)
- Polymer and modern web APIs: In production at Google scale
- What are Custom Elements?
- The cure for your Web Components hangover
- Why you should be using Web Components now. And how.
- Rip Your Player's Face Off
- Componentes como peças de lego
- Polymer Elements: Tudo que você precisa saber para criar a web (pt-br)
- The Road to Native Web Components
- Web Components Shift: a tectonic shift for web development
- Web Components, A próxima revolução do desenvolvimento web (pt-br)
- Tudo que você precisa saber para iniciar com Polymer e Webcomponents (pt-br)
- Web Components Shift: a tectonic shift for web development
- Real World Web components
- Componentizando a Web com Polymer (pt-br)
- Rip Your Player's Face Off
-
Articles
- Web Components – The Future Web
- Why use Web Components?
- Web Components expert articles
- The State of the Componentised Web
- Web Components! Hoje!
- Desmistificando o Polymer: Porque o Polymer? (pt-br)
- Desmistificando o Polymer: Polymer FAQ (unofficial) (pt-br)
- Discoverability for Web Components
- Why Web Components?
- Extending Styles
- Pros and Cons of Facebook's React vs. Web Components (Polymer)
- HTML, the Hero of the Web
- Desmistificando o Polymer: Olá Polymer! (pt-br)
- Discoverability for Web Components
- Web Components expert articles
-
Podcasts
-
Web Tools
- WebComponents.dev - browser IDE to code web components in isolation with 58 templates available, supporting stories and tests.
- Backlight
- Web Reflection: A W3C Custom Elements Alternative
- Ele
- CustomElements.io
- Web Components Weekly
- webcomponents.js
- Ele
- Are We Componentized Yet?
- Web Component DevTools
- Web Reflection: A W3C Custom Elements Alternative
- Are We Componentized Yet?
- Web Components Tester
- Element Generator for Slush
- Vulcanize
- Element Generator for Yeoman
-
Libraries and Frameworks
-
Polymer
- Introduction to Polymer: The Next Generation of Web Development
- Unlock the next era of UI development with Polymer
- Polymer and the Web Components revolution
- Polymer and Web Components change everything you know about Web development
- Sharing Polymer Components: Part 1
- Sharing Polymer Components: Part 2
- Inheritance and composition with Polymer
- Creating responsive UIs
- Making Web Components accessible
- Hello Polymer: Q&A with Google’s Polymer team
- Google’s Polymer and the future of web UI frameworks
- The Polymer approach to building single page applications
- Creating a Polymer Chat App with Material Design
- Built with Polymer
- Awesome Polymer
- Creating responsive UIs
- What polymer and angular tell us about the future success of the web platform and javascript frameworks
- PolymerSnippets
- Built with Polymer
-
Bosonic
-
X-Tags
-
Slim-JS
-
VueJS
-
Mithril
-
Angular
-
Stencil.js
-
ComponentForge
-
NuML
- NuML site & storybook - oriented framework and design system
- NuML repository
-
Lego
- Lego site - components made light and reactive
- Lego repository
- Lego site - components made light and reactive
-
ReactJS
-
SkateJS
-
Switzerland
-
Bit
-
-
WebComponents.org
-
Components
-
Community
-
Lego
- Buenos Aires - Web Components Meetup
- Paris - Web Components Meetup
- London - Web Components Meetup
- Madrid - Polymer Meetup
- Washington, DC - Polymer Meetup
- Washington, DC - Web Components Meetup
- Los Angeles - Web Components Meetup
- Melbourne - Polymer Meetup
- GDG PolymerMexico!
- Polymer Summit
- Polymer Summit
-
-
Twitter
-
Inspiration
-
Lego
- awesome-go - python](https://github.com/avelino/awesome-python).
-
Programming Languages
Categories
Sub Categories
Keywords
web-components
8
custom-elements
5
react
4
javascript
4
webcomponents
4
components
3
ui-components
3
polymer
3
awesome
3
shadow-dom
2
media-chrome
2
audio-player
2
awesome-list
2
angular
2
video-player
2
video
2
vue
2
typescript
2
virtual-dom
2
audio
2
reactjs
2
service-oriented-architecture
1
golang
1
polyrepo
1
node-js
1
go
1
testing
1
reactiveui
1
anywhere
1
list
1
polymer-apps
1
polymer-element
1
polymer-resources
1
shadowdom
1
collaboration
1
component-driven
1
composable
1
composable-architecture
1
distributed
1
front-end
1
golang-library
1
micro-frontend
1
micro-services
1
monorepo
1
multirepo
1
multirepo-maintenance
1
vanilla-js
1
vuejs
1
w3c
1
web-standards
1