Libraries

Class Based

• Joist - Set of small libraries designed to add the bare minimum to web components to make you productive.
• Omi - Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating).
• WebCell - Web Components engine based on VDOM, JSX, MobX & TypeScript.
• Lume Element - Write custom elements with reactivity and templating powered by Solid.js signals and effects.
• Stencil - Compiler for generating Web Components.

Meta Frameworks

Starter Kits

• nutmeg - Build, test, and publish vanilla Web Components with a little spice.

Real World

Component Libraries

• AnywhereUI - Collection of rich web components that includes framework bindings. Created with StencilJS.
• PlayCanvas Web Components - Custom elements for building 3D interactive web apps with the PlayCanvas Engine.
• VSCode Elements - Web component library for developing Visual Studio Code extensions.

Components

• `<midi-player>` - MIDI file player and visualizer web components.
• `<pdfjs-viewer-element>` - Custom element that embeds PDF.js default viewer.
• `<aura-router>` - HTML-first client-side router web component.

Design Systems

• Calcite Components - Shared Web Components for Esri's Calcite design framework.
• Lyne Components - Building blocks of the Lyne Design System are based on Web Components.
• OutlineJS - Web component based design system starter kit.
• Calcite Components - Shared Web Components for Esri's Calcite design framework.
• Lyne Components - Building blocks of the Lyne Design System are based on Web Components.
• NVIDIA Elements - The Design Language and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles.