Developers can create custom, reusable, encapsulated HTML tags for the web using Web Components. Components use the Custom Element standard, frequently in combination with the Shadow DOM, HTML Templates, and ES Modules.
MDN's frontend since late 2025, built with Web Components, Lit, and SSR for a fast, clean documentation experience. Fred = /fr(ont)e(n)d/.
🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites...
A custom element for cropping a square image. Returns x, y, width, and height.
关于Vue,React,Preact和Omi等框架源码的解读
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
Moved to Polymer/tools monorepo
Web component server-side rendering
Fast and simple custom elements.
Spring integration for Vaadin
An input element that validates its value with a server endpoint.
A template for building Progressive Web Applications using Lit and Vaadin Router.
Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for...
🇨🇭Functional custom elements
A Designer for HTML Components or Pages in a WebComponent
AI-powered Storybook story generator — works with any framework, any design system, any LLM provider
Atomium is an internal design system for 'Juntos Somos Mais' using Web Components
Datepicker element built with Google's lit and Material Design 2021
Boilerplate for creating a custom element.
:skull: Skeleton for Polymer 3 app with Webpack, PostCSS and Service Workers ready.
Patterns, components and guidance for a consistent and inclusive user experience across the web platform.
A canvas drawing library for Elm
Alkali is library for functional reactive data flows that drive native-based UI elements
Add notifications component to your javascript projects easily using wc-toast.
Polymer Web Components for GWT. A collection of Material Design widgets for desktop and mobile.
Moved to Polymer/tools monorepo
Lara Web Engine is a lightweight C# framework for web user interface development.
BEEQ Design System, a web component library ruled by Endavan developers :)
Create scalable web applications using micro frontends.
Web Component DevTools is a Browser Extension enhancing the development experience of Web Component developers
CleverStyle Framework is simple, scalable, fast and secure full-stack PHP framework
Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.
SUI Components
🚀 Low-Tech Web-Components Made Lightweight & Future-Proof.
Drag and drop task list items.
Examples on how to use Vidstack with your favourite JS and CSS libraries.
Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.
万年历组件 - 阴阳历/农历公历换算/节日/天干地支/生肖属相_Chinese lunar calendar and Gregorian calendar conversion tool
A vanilla Monaco Editor web component
lit-html support for ESLint
Handsontable - Best Data Grid Web Component with Spreadsheet Look and Feel.
Red Hat's Design System
Adds support for WebC *.webc files to Eleventy
Tooling infrastructure for modern web component development.
An easy to use, lightweight library for web-components.
Attach files via drag and drop or file input.
JSTOR's design system
Automatic web components profiling in chrome devtools
Declarative way of routing for lit-html powered by pwa-helpers, redux and lit-element
Animated hamburger menu icons for modern web apps (1.8 KB) 🍔
A custom element that shows text as if it were being typed