Best Resources for Web Components
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
Most popular Frameworks for writing Web Components
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.