web-components
Topic

web-components

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.

Repositories (1677)

statblock5e
statblock5e Valloric HTML

A Web Component statblock for D&D 5E

390
webcomponents.org
webcomponents.org webcomponents TypeScript

Home of the web components community

386
Mosaic
Mosaic Authman2 TypeScript

🎨 A front-end JavaScript library for building user interfaces!

384
weightless
weightless andreasbm TypeScript

High-quality web components with a small footprint

380
tab-container-element
tab-container-element github JavaScript

An accessible tab container element with keyboard support.

380
calcite-design-system
calcite-design-system Esri TypeScript

A monorepo containing the packages for Esri's Calcite Design System

373
kpc
kpc ksc-fe TypeScript

A UI Components Library for Intact, Vue, React and Angular.

371
alpinejs-component
alpinejs-component markmead JavaScript

Reusable HTML components powered by Alpine JS reactivity 🛸

369
elements
elements muxinc TypeScript

Custom elements for working with media in the browser that Just Work™

363
numl
numl outpostHQ JavaScript

DEPRECATED: Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System 🌈DE

340
table-saw
table-saw zachleat HTML

A small web component for responsive <table> elements.

337
blueprintui
blueprintui blueprintui TypeScript

:blue_book: Accelerate your development with flexible UI components and tools that work everywhere.

335
bem-components
bem-components bem JavaScript

Set of components for sites development

330
elements
elements angular-extensions TypeScript

Lazy load Angular Elements (or any other web components / custom elements ) with ease!

320
custom-elements-manifest
custom-elements-manifest open-wc JavaScript

Custom Elements Manifest is a file format that describes custom elements in your project.

320
EHTML
EHTML Guseyn JavaScript

Extended HTML

311
synergy
synergy defx JavaScript

Synergy is a tiny runtime library for crafting Web Components

306
jQWidgets
jQWidgets jqwidgets JavaScript

Angular, Vue, React, Web Components, Blazor, Javascript, jQuery and ASP .NET Framework,

306
fundamental-ngx
fundamental-ngx SAP TypeScript

Fundamental Library for Angular is SAP Design System Angular component library

294
carbon-for-ibm-dotcom
carbon-for-ibm-dotcom carbon-design-system TypeScript

Carbon for IBM.com is based on the Carbon Design System for IBM

293
bolt
bolt boltdesignsystem Twig

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers,...

291
drab
drab rossrobino TypeScript

Interactivity for You

289
prettyhtml
prettyhtml Prettyhtml JavaScript

💅 The formatter for the modern web https://prettyhtml.netlify.com/

288
eplayer
eplayer yisar

:crystal_ball: A web-component html5 video player facing future

283
browser-window
browser-window zachleat JavaScript

Used in demos as a way to fake a Safari-esque web browser window.

278
panel
panel mixpanel JavaScript

Web Components + Virtual DOM: web standards for powerful UIs

273
elena
elena getelena JavaScript

Elena is a simple, tiny library for building Progressive Web Components.

272
lit-mobx
lit-mobx adobe TypeScript

Mixin and base class for using mobx with lit-element

271
ran
ran chaxus TypeScript

ranui — a Web Components UI library — plus ranuts utilities. Hand-built frontend infrastructure.

271
progressive-image-element
progressive-image-element andreruffert HTML

⚡️ Progressively enhance image placeholders once they are in the viewport

270
sparkly-text
sparkly-text stefanjudis JavaScript

A small web component for making your text spark.

268
html-include-element
html-include-element justinfagnani JavaScript

Easily include external HTML into your pages.

266
Switzerland
Switzerland Wildhoney TypeScript

🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variab...

265
animatable-component
animatable-component proyecto26 TypeScript

Animate once, use Everywhere! 💫

262
vant-react
vant-react mxdi9i7 SCSS

Lightweight 2kb Mobile UI Components built on React and TS, inspired by Vant@https://github.com/youzan/vant

260
wokwi-elements
wokwi-elements wokwi TypeScript

Web Components for Electronics and IoT Parts

259
lunchboxjs
lunchboxjs breakfast-studio TypeScript

Declarative ThreeJS via web components

255
ion-phaser
ion-phaser proyecto26 TypeScript

A web component to use Phaser Framework with Angular, React, Vue, etc 🎮

252
crayons
crayons freshworks-oss JavaScript

🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps!

248
vue-ui-framework
vue-ui-framework petehouston

My personal collection of Vue UI framework

243
clever-components
clever-components CleverCloud JavaScript

Collection of Web Components by Clever Cloud

240
shadow-dom-in-depth
shadow-dom-in-depth praveenpuglia

Everything you need to know about Shadow DOM

239
webcomponents-cg
webcomponents-cg w3c-cg HTML

Web Components community group

234
nudeui
nudeui nudeui JavaScript

Lea's kitchen sink of form components. WIP. Try at your own risk or come back later.

233
fred
fred mdn JavaScript

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/.

230
ajax-form
ajax-form rnicholus JavaScript

HTML forms on performance-enhancing drugs

229
.github
.github vanillawc

Vanilla Web Components. A place for framework-free, transpiler-free, scaffolding-free web components.

227
text-expander-element
text-expander-element github JavaScript

Activates a suggestion menu to expand text snippets as you type.

226
server-components
server-components pimterry JavaScript

:wrench: A simple, lightweight tool for composable HTML rendering in Node.js, based on web components.

215
Jails
Jails jails-org TypeScript

Elegant and Minimalistic Web Components Micro Framework

213