Web Components the Right Way

Awesome

A curated list of awesome Web Components resources.

Web Components — a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.

Contents

Web Components the Right Way was made with love by Mateus Ortiz and maintained by Serhii Kulykov

Specifications

Standards

Proposals

CSS Shadow Parts

Form-associated Custom Elements

Custom State Pseudo class

Constructable Stylesheet Objects

Builtin Modules

Polyfills

@webcomponents

The polyfills below are maintained by Polymer team.

@ungap

The polyfills below are maintained by ungap project.

Articles

Introduction

Custom Elements

Shadow DOM

HTML Templates

Best Practices

Interoperability

Accessibility

Use Cases

Libraries

Class Based

Functional

Compilers

Other

Component Libraries

Frameworks

Angular

Vue

Ember

Aurelia

Tools

Books

Tutorials

Podcasts

Benchmarks

Miscellaneous

History

The articles below represent a long story of the Web Components specifications on the way towards the standardization. Some of them refer to earlier, so-called "v0" Shadow DOM and Custom Elements specs, and abandoned HTML Imports spec. These materials are here for historical reasons only, they are grouped by years and listed in chronological order.

2017

2016

2015

2014

2013

2012

2011

Who To Follow

License

Copyright 2014-2018, All rights reserved.

Code licensed under the: MIT license

@author Mateus Ortiz [email protected]