awesome-web-components
A curated list of awesome Web Components resources.
https://github.com/web-padawan/awesome-web-components
Last synced: 17 days ago
JSON representation
-
Archive
-
History
- Server-less applications powered by Web Components
- Web Components and the Future of CSS
- Easy composition and reuse with Web Components
- Let’s build some apps with Polymer!
- Polymer: State of the Union
- Web Components 101: An Introduction to Fundamental Changes in HTML
- Web Components 201: Designing Web Components for Reuse
- “Don’t stop thinking about tomorrow” - AngularJS and Web Components
- Multi-device Apps with Web Components
- As I Walk Through The Valley Of The Shadow Of DOM
- Accessibility of Web Components
- Componentize The Web: Back To The Browser!
- Google I/O 2014 - Polymer and the Web Components revolution
- Google I/O 2014 - Polymer and Web Components change everything you know about Web development
- Google I/O 2014 - Unlock the next era of UI development with Polymer
- Making Polymer Elements Accessible
- The Road to Web Components
- The Web Components Revolution is Here
- Web Components: A chance to create the future
- Web Component Mashups at 3 a.m.
- Web Components Tools & Libraries
- Building Mobile Web Applications With Brick
- Polymer: declarative, encapsulated, and reusable components for the web
- Web Components: Why you're already an expert
- Yo Polymer: a new way of building web apps
- Web components and the future of web development
- Google I/O 2012 - The Web Platform's Cutting Edge
- Using Web Components in Ionic (Polymer Summit 2017)
- Building UI at Enterprise Scale with Web Components (Polymer Summit 2017)
- Polymer @ YouTube (Polymer Summit 2017)
- Styling Accessibility: A Web Components Approach
- Web components and the future of web development
- Building an Accessible Disclosure Button – using Web Components
- Web Components: The Long Game
- Regarding the broken promise of Web Components
- Web Components v1 - the next generation
- Microsoft Edge and Web Components
- Building an Accessible Disclosure Button – using Web Components
- Web Components Tools & Libraries
- Web Components Can Do That?!
- Using Polymer to Create Web Components
- Building Mobile Web Applications With Brick
- Polymer: declarative, encapsulated, and reusable components for the web
- Web Components: Why you're already an expert
- Yo Polymer: a new way of building web apps
- Working with Custom Elements
- Web Components: A Tectonic Shift for Web Development - Google I/O 2013
- Shadow DOM 101
- Shadow DOM 201
- Shadow DOM 301
- Visualizing shadow DOM concepts
- HTML's New Template Tag
- Notes on Web Components + ARIA
- Google I/O 2012 - The Web Platform's Cutting Edge
-
Polyfills
- @webcomponents/custom-elements - Custom Elements polyfill by Polymer team.
- @webcomponents/shadydom - ShadowDOM v1 shim.
- @webcomponents/shadycss - ShadowDOM style encapsulation shim.
- @lwc/synthetic-shadow - Shadow DOM polyfill by [LWC](https://lwc.dev).
- @webcomponents/template - Minimal polyfill for `<template>`.
- document-register-element - Custom Elements polyfill by Andrea Giammarchi.
- @corpuscule/custom-builtin-elements - Customized built-in elements polyfill by [CorpusculeJS](https://github.com/corpusculejs).
- @ungap/custom-elements-builtin - Customized built-in elements polyfill by [ungap project](https://ungap.github.io).
- @ungap/import-node - An `importNode` polyfill for IE11 by [ungap project](https://ungap.github.io).
- @lwc/synthetic-shadow - Shadow DOM polyfill by [LWC](https://lwc.dev).
-
-
Articles
-
Architecture
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Frankenstein Migration: Framework-Agnostic Approach (Part 1)
- Frankenstein Migration: Framework-Agnostic Approach (Part 2)
- Generating Config driven Dynamic Forms using Web Components
- Hiding internal framework methods and properties from web component APIs
- How to deliver Custom Elements
- Making Web Components for Different Contexts
- Supporting both automatic and manual registration of custom elements
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- How to deliver Custom Elements
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
- Generating Config driven Dynamic Forms using Web Components
- A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends
-
Programming Languages
Categories
Sub Categories
History
1,056
Architecture
189
Shadow DOM
128
Tools
122
Svelte
111
Angular
107
Component Libraries
51
Design Systems
37
Components
26
Case Studies
23
Class Based
17
Presentations
14
Codelabs
14
Talks
13
HTML Templates
12
Accessibility
12
Use Cases
12
Testing Solutions
12
Styling
11
Custom Elements
10
Polyfills
10
Best Practices
9
Integrations
8
Interoperability
8
Examples
7
CSS Shadow Parts
7
Podcasts
7
Custom State Pseudo Class
7
React
6
Constructable Stylesheet Objects
6
Functional
5
Limitations
4
Starter Kits
4
Benchmarks
3
Form-associated Custom Elements
3
Vue
1
Keywords
web-components
56
webcomponents
41
javascript
31
custom-elements
31
web-component
16
shadow-dom
14
design-system
13
typescript
13
lit-element
13
lit-html
12
components
12
ui
11
ui-components
11
react
11
html
10
css
9
lit
7
angular
7
stenciljs
7
jsx
6
custom-element
5
vue
5
framework
5
web
5
svelte
5
customelements
4
polymer
4
hls
3
video
3
vimeo
3
youtube
3
dash
3
3d
3
webgl
3
html5
3
testing
3
ui-library
3
solid
3
component-library
3
storybook
3
accessibility
3
preact
3
user-interface
2
webcomponent
2
uikit
2
threejs
2
polyfill
2
lume
2
designsystem
2
custom
2