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 (1619)

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

201
dataformsjs
dataformsjs dataformsjs JavaScript

🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites...

197
image-crop-element
image-crop-element github TypeScript

A custom element for cropping a square image. Returns x, y, width, and height.

195
virtual-dom
virtual-dom Wscats HTML

关于Vue,React,Preact和Omi等框架源码的解读

192
CalDOM
CalDOM dumijay JavaScript

An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.

190
polyserve
polyserve Polymer TypeScript

Moved to Polymer/tools monorepo

189
ocean
ocean matthewp JavaScript

Web component server-side rendering

188
element
element lume TypeScript

Fast and simple custom elements.

186
spring
spring vaadin Java

Spring integration for Vaadin

185
auto-check-element
auto-check-element github JavaScript

An input element that validates its value with a server endpoint.

184
pwa-lit-template
pwa-lit-template IBM TypeScript

A template for building Progressive Web Applications using Lit and Vaadin Router.

183
core
core vmware-clarity TypeScript

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for...

183
swiss
swiss luwes JavaScript

🇨🇭Functional custom elements

179
web-component-designer
web-component-designer node-projects TypeScript

A Designer for HTML Components or Pages in a WebComponent

179
story-ui
story-ui southleft TypeScript

AI-powered Storybook story generator — works with any framework, any design system, any LLM provider

178
atomium
atomium juntossomosmais TypeScript

Atomium is an internal design system for 'Juntos Somos Mais' using Web Components

178
app-datepicker
app-datepicker motss TypeScript

Datepicker element built with Google's lit and Material Design 2021

177
custom-element-boilerplate
custom-element-boilerplate github TypeScript

Boilerplate for creating a custom element.

176
polymer-skeleton
polymer-skeleton PolymerX JavaScript

:skull: Skeleton for Polymer 3 app with Webpack, PostCSS and Service Workers ready.

175
design-system
design-system swisspost SCSS

Patterns, components and guidance for a consistent and inclusive user experience across the web platform.

171
elm-canvas
elm-canvas joakin Elm

A canvas drawing library for Elm

169
alkali
alkali kriszyp JavaScript

Alkali is library for functional reactive data flows that drive native-based UI elements

168
wc-toast
wc-toast abdmmar JavaScript

Add notifications component to your javascript projects easily using wc-toast.

165
gwt-polymer-elements
gwt-polymer-elements manolo Java

Polymer Web Components for GWT. A collection of Material Design widgets for desktop and mobile.

159
polymer-analyzer
polymer-analyzer Polymer TypeScript

Moved to Polymer/tools monorepo

158
lara
lara integrativesoft C#

Lara Web Engine is a lightweight C# framework for web user interface development.

158
BEEQ
BEEQ Endava TypeScript

BEEQ Design System, a web component library ruled by Endavan developers :)

156
feature-hub
feature-hub feature-hub TypeScript

Create scalable web applications using micro frontends.

155
web-component-devtools
web-component-devtools Matsuuu TypeScript

Web Component DevTools is a Browser Extension enhancing the development experience of Web Component developers

155
CleverStyle-Framework
CleverStyle-Framework nazar-pc PHP

CleverStyle Framework is simple, scalable, fast and secure full-stack PHP framework

151
astro
astro RocketCommunicationsInc TypeScript

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.

150
sui-components
sui-components SUI-Components JavaScript

SUI Components

147
lego
lego Polight JavaScript

🚀 Low-Tech Web-Components Made Lightweight & Future-Proof.

146
task-lists-element
task-lists-element github TypeScript

Drag and drop task list items.

145
examples
examples vidstack TypeScript

Examples on how to use Vidstack with your favourite JS and CSS libraries.

145
g-emoji-element
g-emoji-element github JavaScript

Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.

141
calendar
calendar mumuy JavaScript

万年历组件 - 阴阳历/农历公历换算/节日/天干地支/生肖属相_Chinese lunar calendar and Gregorian calendar conversion tool

136
wc-monaco-editor
wc-monaco-editor vanillawc JavaScript

A vanilla Monaco Editor web component

135
eslint-plugin-lit
eslint-plugin-lit 43081j TypeScript

lit-html support for ESLint

135
hot-table
hot-table handsontable JavaScript

Handsontable - Best Data Grid Web Component with Spreadsheet Look and Feel.

134
red-hat-design-system
red-hat-design-system RedHat-UX HTML

Red Hat's Design System

134
eleventy-plugin-webc
eleventy-plugin-webc 11ty JavaScript

Adds support for WebC *.webc files to Eleventy

133
outline
outline phase2 TypeScript

Tooling infrastructure for modern web component development.

130
bay.js
bay.js Dunks1980 JavaScript

An easy to use, lightweight library for web-components.

130
file-attachment-element
file-attachment-element github TypeScript

Attach files via drag and drop or file input.

129
pharos
pharos ithaka TypeScript

JSTOR's design system

129
polydev
polydev PolymerLabs HTML

Automatic web components profiling in chrome devtools

123
lit-redux-router
lit-redux-router fernandopasik TypeScript

Declarative way of routing for lit-html powered by pwa-helpers, redux and lit-element

123
vanilla-hamburger
vanilla-hamburger web-padawan TypeScript

Animated hamburger menu icons for modern web apps (1.8 KB) 🍔

122
typing-effect-element
typing-effect-element github JavaScript

A custom element that shows text as if it were being typed

122