Best Resources for Web Components

Web Components is a suite of different technologies allowing you to create reusable custom elements

Best Resources for Web Components
Photo by Xavi Cabrera / Unsplash

Web Components is 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.

More on what are web components here

Lit
Simple. Fast. Web Components.
Stencil
Build. Customize. Distribute. Adopt.
GitHub - Polymer/polymer: Our original Web Component library.
Our original Web Component library. Contribute to Polymer/polymer development by creating an account on GitHub.

Designed Elements

A collection of built basic elements suitable for re-use. Think e.g. Material UI for reach, except this is for web components.

Material Web
Getting started: Spectrum Web Components - Spectrum Web Components
Spectrum Web Components provide interface components as custom elements to help teams work more efficiently and to make applications more consistent.
Shoelace: A forward-thinking library of web components.
Hand-crafted custom elements for any occasion.
UI Components | Ionic Documentation
UI Components | User Interface Application Building Components

Demo - Material Web components with Lit Element

Other Web Component resources

GitHub - web-padawan/awesome-web-components: A curated list of awesome Web Components resources.
A curated list of awesome Web Components resources. - GitHub - web-padawan/awesome-web-components: A curated list of awesome Web Components resources.