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)

Jails
Jails jails-org TypeScript

Elegant and Minimalistic Web Components Micro Framework

213
fos
fos victorqribeiro JavaScript

Web Components to turn your web app into a fake operating system

209
lazyload-image
lazyload-image 1000ch HTML

HTMLImageElement extension for lazy loading.

208
pwa-auth
pwa-auth pwa-builder TypeScript

Web component that lets your users sign-in/sign-up using their Microsoft, Google, Facebook, or Apple account. Your app receives their email address, n...

208
custom-elements
custom-elements shawnbot

All about HTML Custom Elements

203
image-crop-element
image-crop-element github TypeScript

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

198
dataformsjs
dataformsjs dataformsjs JavaScript

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

196
story-ui
story-ui southleft TypeScript

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

196
virtual-dom
virtual-dom Wscats HTML

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

192
notectl
notectl Samyssmile TypeScript

Modern Accessible WYSIWYG rich text editor built as a framework-agnostic Web Component that works everywhere.

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
auto-check-element
auto-check-element github JavaScript

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

188
m3e
m3e matraic TypeScript

Material 3 Expressive Web Components

187
ocean
ocean matthewp JavaScript

Web component server-side rendering

187
spring
spring vaadin Java

Spring integration for Vaadin

186
element
element lume TypeScript

Fast and simple custom elements.

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

185
pwa-lit-template
pwa-lit-template IBM TypeScript

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

183
web-component-designer
web-component-designer node-projects TypeScript

A Designer for HTML Components or Pages in a WebComponent

183
atomium
atomium juntossomosmais TypeScript

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

181
swiss
swiss luwes JavaScript

🇨🇭Functional custom elements

179
custom-element-boilerplate
custom-element-boilerplate github TypeScript

Boilerplate for creating a custom element.

178
app-datepicker
app-datepicker motss TypeScript

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

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

173
alkali
alkali kriszyp JavaScript

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

167
elm-canvas
elm-canvas joakin Elm

A canvas drawing library for Elm

167
wc-toast
wc-toast abdmmar JavaScript

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

164
lara
lara integrativesoft C#

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

160
BEEQ
BEEQ Endava MDX

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

160
examples
examples vidstack TypeScript

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

159
polymer-analyzer
polymer-analyzer Polymer TypeScript

Moved to Polymer/tools monorepo

158
gwt-polymer-elements
gwt-polymer-elements manolo Java

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

158
feature-hub
feature-hub feature-hub TypeScript

Create scalable web applications using micro frontends.

157
web-component-devtools
web-component-devtools Matsuuu TypeScript

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

157
elena
elena arielsalminen JavaScript

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

156
astro
astro RocketCommunicationsInc TypeScript

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

152
CleverStyle-Framework
CleverStyle-Framework nazar-pc PHP

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

151
task-lists-element
task-lists-element github TypeScript

Drag and drop task list items.

151
lego
lego Polight JavaScript

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

150
sui-components
sui-components SUI-Components JavaScript

SUI Components

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

Red Hat's Design System

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

144
calendar
calendar mumuy JavaScript

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

137
eslint-plugin-lit
eslint-plugin-lit 43081j TypeScript

lit-html support for ESLint

137
wc-monaco-editor
wc-monaco-editor vanillawc JavaScript

A vanilla Monaco Editor web component

136
hot-table
hot-table handsontable JavaScript

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

134
svelte-markdown
svelte-markdown humanspeak TypeScript

📝 Markdown and HTML renderer for Svelte 5 — built for streaming AI agent output from Claude Code, ChatGPT, and agentic workflows. XSS-safe defaults,...

134
file-attachment-element
file-attachment-element github TypeScript

Attach files via drag and drop or file input.

134