Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

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.

https://github.com/aegisjsproject/component

Base component using `@shgysk8zer0/aegis` & `@shgysk8zer0/aegis-styles`

aegis constructable-stylesheets custom-elements sanitizer-api security web-components

Last synced: 23 Oct 2025

https://github.com/dogebonker/wc-dependency-injection

Web components dependency injection solution provider.

dependency-injection typescript web-component web-components

Last synced: 17 Feb 2026

https://github.com/nonsalant/toggle-categories

"Toggles" that control categories of toggle switches with intermediary state for when only some subitems are active

css forms light-dom toggle-switches vanilla-javascript web-components

Last synced: 28 Feb 2026

https://github.com/radio4000/components

web-components to build the r4 interfaces, uses the sdk

lit-element web-components

Last synced: 02 Apr 2026

https://github.com/productdevbook/pencere

Zero-dependency lightbox for images, video, iframes & custom renderers. Native View Transitions morph, WCAG 2.2 AA, hooks + plugins, controlled mode. Pure TypeScript, works everywhere.

a11y accessibility esm framework-agnostic gallery image-gallery image-viewer lightbox pencere photo-gallery react solid svelte tree-shakeable typescript view-transitions vue wcag web-components zero-dependencies

Last synced: 05 Jun 2026

https://github.com/waggylabs/yumekit

Web Component UI Kit

ui-components uikit web-components

Last synced: 25 Apr 2026

https://github.com/ionicthemes/c-coffee-icon

Custom multi-color SVG web component coffee icon using Stencil.js

ionic ionic-framework ionic4 stencil stencil-js stenciljs stenciljs-components web-components

Last synced: 05 May 2026

https://github.com/dutchwebworks/vue-web-component-demo

Learning about Vue Web Components

demo learning-by-doing vue web-components

Last synced: 09 Sep 2025

https://github.com/zeixcom/le-truc

Le Truc - the thing for type-safe reactive web components

effects javascript reactivity signals typescript web-components

Last synced: 17 Feb 2026

https://github.com/1000ch/x-flexbox

Web Components which provide Flexbox features.

flexbox layout web-components

Last synced: 21 Mar 2025

https://github.com/vaadin/vaadin-list-mixin

Shared mixins for list-box and tabs

list polymer-mixin polymer2 vaadin web-components

Last synced: 05 Sep 2025

https://github.com/simplajs/components

[WIP] Simpla's official content components

cms cms-framework components content-management monorepo simpla web-components

Last synced: 15 Mar 2025

https://github.com/zestedesavoir/lime-editor

Lime Editor will be a web-based Markdown editor, built using CodeMirror 6 and Web Components. (Far from ready yet.)

codemirror-editor custom-elements markdown-editor web-components

Last synced: 08 May 2026

https://github.com/robisim74/static-web-app

Build a static web app with Webpack, Babel, TypeScript or ES6, critical CSS, differential loading & Web Components. SEO & performance friendly

babel critical-css differential-loading es6 typescript web-components webpack

Last synced: 08 Apr 2026

https://github.com/itmaginationdemos/astro-multiframework-demo

How to set up an multi-framework, MFE project running on Astro.

angular astro lit-element mfe mfe-app reactjs vue web-components

Last synced: 22 Apr 2025

https://github.com/bookedsolidtech/helixir

MCP server that gives AI coding agents deep knowledge of any web component library — properties, events, slots, CSS parts, design tokens, accessibility, health scoring, and more. Works with Claude, Cursor, Windsurf, and any MCP-compatible tool.

accessibility ai-coding ai-tools claude component-library cursor custom-elements custom-elements-manifest design-system design-tokens developer-tools lit mcp mcp-server model-context-protocol shoelace stencil typescript web-components windsurf

Last synced: 01 Apr 2026

https://github.com/d13/vscode-web-components-ai

Supercharge your AI coding assistants with web component information from your workspace and dependencies.

custom-elements mcp-server vscode vscode-extension web-components

Last synced: 20 Jun 2025

https://github.com/pearlbea/mini-form

A demo web component that uses Custom Elements v1 and Shadow Dom v1

custom-elements shadow-dom web-component-tester web-components

Last synced: 23 Feb 2025

https://github.com/darlanmendonca/minimalist

a complete and responsive interface for web

custom-elements-v1 ui-kit web-components

Last synced: 14 Mar 2026

https://github.com/shyam-chen/component-starter

:carousel_horse: A boilerplate for Web Components to help build microservices development.

angular lit react svelte vue web-components

Last synced: 06 Mar 2025

https://github.com/k1r0s/superpie

minimal dom lib based on superfine

frontend hyperapp state-management superfine virtual-dom web-components

Last synced: 12 Feb 2026

https://github.com/uppercod/element

It allows to join @atomico/core to web-components in a simple and expressive way

jsx web-components

Last synced: 06 May 2026

https://github.com/tristanmatthias/wc-router

A dynamic router for SPA's using Web Component's custom elements

custom-elements javascript router spa web-components

Last synced: 11 Jul 2025

https://github.com/aralroca/counter-wc

An example of Web Component library that works with SSR Declarative Shadow DOM in any framework or Vanilla.js. Thanks to Brisa Web Component Compiler.

brisa custom-elements javascript ssr typescript web-component web-components web-components-library

Last synced: 27 Feb 2026

https://github.com/prappo/cart-js

A lightweight, customizable shopping cart library for modern web applications. Built with TypeScript, featuring template system, discount management, tax calculation, and local storage persistence. Zero dependencies. 🛒

cart ecommerce javascript-library shopping-cart typescript web-components

Last synced: 27 Jan 2026

https://github.com/zvakanaka/table-of-data

v1 custom element

v1 web-components

Last synced: 12 Jun 2025

https://github.com/coryrylan/web-components-in-vue

Example showing how to use a web component in VueJS

vue vuejs web-components

Last synced: 18 Jan 2026

https://github.com/sameoldlab/fractl-ui

chain/VM agnostic UI components

ethereum fuel starknet wagmi web-components

Last synced: 14 Oct 2025

https://github.com/chase-moskal/metalshop

web components, microservices, and infrastructure, for making modern web apps

library microservices web-apps web-components

Last synced: 22 Apr 2025

https://github.com/luiguild/jsx-autodocs

Create JSX documentation from your components easy peasy

autodocs components docs javascript jsx react solid storybook typescript vue web-components

Last synced: 12 Apr 2025

https://github.com/vanillawc/wc-menu-wrapper

A web component that wraps HTML elements and forms a drop-down menu out of them.

custom-elements drop-down dropdown dropdown-menus html javascript menu vanilla-web-component web-components

Last synced: 04 May 2026

https://github.com/rapid-build-ui/rb-input

Rapid Build UI · Web Component <rb-input>

input reusable web-components webcomponents

Last synced: 22 Apr 2025

https://github.com/florianfe/bouncing-spinner

🌐🚏 A Web Component which displays a bouncing spinner

polymer web-component web-components

Last synced: 03 Jul 2025

https://github.com/brightspaceui/table

Polymer-based web component for D2L tables

polymer web-components

Last synced: 13 Jul 2025

https://github.com/sailingcoder/web-components

web-components

web-components

Last synced: 29 Apr 2026

https://github.com/dunks1980/bay.js-starter

A simple starter project for bay.js using Vite and Jampack.

web-components

Last synced: 24 Jul 2025

https://github.com/f1lt3r/hybrids-dynamic-load

Example of an unbundled Hybrids app with dynamic imports.

dynamic-loading hybrids javascript javascript-modules web-components

Last synced: 04 May 2026

https://github.com/rodydavis/dart-material-webcomponents

Dart and JS with Material Web Components

dart material-design web-components

Last synced: 21 Jan 2026

https://github.com/Gumball12/web-component-tutorial-codes

모던 웹 컴포넌트 튜토리얼 코드 (https://shj.rip/Web-Component-87086dac49d4411697676a85b44cc458)

custom-elements html5 modern-web web-components

Last synced: 11 Mar 2025

https://github.com/simplajs/simpla-notify

Beautiful notifications for Simpla elements

content-management notifier polymer simpla toast web-components

Last synced: 11 Jan 2026

https://github.com/knowler/log-form-element

A custom element that will log a form’s submissions to the console.

custom-elements web-components

Last synced: 25 Jul 2025

https://github.com/welingtonms/xb

My own playground for a web components library.

lit monorepo web-components web-components-library

Last synced: 21 Feb 2026

https://github.com/proprietary/phpbb-trollbox

realtime WebSockets chat for phpBB3

chat chat-server phpbb phpbb3 rust web-components webcomponents

Last synced: 01 May 2026

https://github.com/simplajs/simpla-demo-helper

Sets up a demo environment for Simpla element demos

custom-elements demos simpla web-components

Last synced: 11 Jan 2026

https://github.com/internetarchive/www

archive.org website prototype - using only javascript static files

deno javascript lit web-components

Last synced: 12 Apr 2025

https://github.com/pozil/devops-workshop

DevOps workshop with Lightning Web Runtime and GitHub Actions

ci devops github-actions lwr salesforce web-components

Last synced: 29 Apr 2026

https://github.com/bahrus/obj-ml

obj-ml is a web component that enables a declarative, HTML-based markup language to instantiate, and update, a JavaScript object.

custom-element custom-elements customelement customelements web-component web-components webcomponent webcomponents

Last synced: 27 Feb 2026

https://github.com/zeixcom/ui-element

UIElement - the "look ma, no JS framework!" library bringing signals-based reactivity to Web Components

custom-elements effects reactivity signals ui-element web-components

Last synced: 12 Apr 2025

https://github.com/yugasun/chatbot

ChatBot is a chat robot that simplifies the usage of chat GPT tools like ChatGPT, and can be integrated into any framework (e.g., Vue, React, Angular) for easy implementation.

aigc chatbot chatgpt lit-element web-components

Last synced: 29 Apr 2026

https://github.com/sister-software/my-app

Fast and simple web apps without build tools. (Work in progress)

custom-elements unframework web-components

Last synced: 17 May 2026

https://github.com/georapbox/eye-dropper-element

A custom element that implements the EyeDropper API that allows the user to select colors from the screen.

custom-elements web-components

Last synced: 17 Aug 2025

https://github.com/rodydavis/material-theme-control

Drop in component to theme a Material 3 web app.

lit material material-design material-theme web-components

Last synced: 28 Apr 2026

https://github.com/florianfe/scroll-position

🌐🖱 A Web Component which holds the current scroll position

scrolling web-component web-components

Last synced: 28 Oct 2025

https://github.com/wompojs/wompo

Wompo is a React-like web components library to create functional UIs in the web.

components-library js jsx typescript web-components

Last synced: 17 Jan 2026

https://github.com/osbi/saiku-embed-element

A web component to embed Saiku Analytics using Polymer

embed polymer saiku web-components

Last synced: 10 Aug 2025

https://github.com/declarative-dom/ddom

DOM-aligned syntax for Web Components and Apps

dom javascript schema types web web-components

Last synced: 16 Jan 2026

https://github.com/oskarrough/video-placeholder

A custom element for prettier embeds for flashy sites

web-components

Last synced: 05 Apr 2025

https://github.com/etcherjs/etcher

Create reusable web components without touching a single line of javascript.

etcher etcherjs framework javascript vscode-extension web-components

Last synced: 14 Apr 2025

https://github.com/zioroboco/backstitch

A Web Components API for your existing React UI 🧵

custom-elements elm react sewing-metaphors web-components

Last synced: 14 Jul 2025

https://github.com/julien-r44/lit-valtio-state

🏪 A simple state management library for Lit components

lit state-management store valtio web-components

Last synced: 11 Mar 2026

https://github.com/vanillawc/wc-bullet-chain

Fancy chained bullet points as a vanilla web component

list vanilla web-components

Last synced: 04 Apr 2025

https://github.com/sbb-design-systems/lyne-design-tokens

🧪 Manages and publishes Design Tokens for Lyne Design System

design-system design-tokens javascript lyne lyne-design-tokens style-dictionary web-components

Last synced: 12 Jul 2025

https://github.com/jens-ox/d3-lit

Experimental D3 element ports to Web Components using lit-html

d3 lit-html visualization web-components

Last synced: 20 Apr 2026

https://github.com/aphelionz/interplanetarypastebin

A pastebin app built on top of the Interplanetary File System. Requires a local ipfs daemon running.

css3 hacktoberfect html5 ipfs javascript pastebin polymer web-components

Last synced: 19 Apr 2026

https://github.com/hrbrmstr/lit-webr

🧪 🕸️ An example of using WebR with Lit components

lit-element lit-html r rstats web-components webr webr-experiment

Last synced: 09 May 2026

https://github.com/kapit4n/mockupero

Collaborative platform to manage mockups, angular 1.3

angularjs bower containerid design docker javascript mockup prototype web-components

Last synced: 07 Apr 2026

https://github.com/kherrick/x-php

Examining Client Side PHP using WebAssembly and Web Components.

custom-elements lit-element lit-html php progressive-web-app pwa service-worker wasm web-assembly web-components

Last synced: 19 Apr 2026

https://github.com/nonsalant/print-button

Web Component to print only a specific element (instead of the whole page)

button css light-dom print utility vanilla-javascript web-components

Last synced: 13 May 2025

https://github.com/rxdi/ui-registry

IPFS Decentralized Web Components registry

components decentralized gapi ipfs lit-html rxdi web-components

Last synced: 19 Jan 2026

https://github.com/jabranr/css-letters

CSS Letters as Custom Elements using CSS SANS

css custom-elements html web-components

Last synced: 14 Apr 2026

https://github.com/tigersway/svelte-reading-bar

Reading progress bar (Svelte/Web Component/Custom Element)

custom-elements svelte web-components

Last synced: 01 Jan 2026

https://github.com/gringonivoli/wop-vincent

Web Component built with Stencil to add backgrounds and slideshows to web pages

stencil stenciljs stenciljs-components web-components webcomponents

Last synced: 01 Apr 2025

https://github.com/georapbox/resize-observer-element

A custom element that offers a declarative interface to the ResizeObserver API.

custom-elements web-components

Last synced: 19 Oct 2025

https://github.com/offroaders123/menu-drop

A simple menu bar Web Component for the browser!

desktop javascript menu mobile vanilla-javascript web-components

Last synced: 12 Jun 2025

https://github.com/alefesouza/talk-vanilla-wc

Code of my Web Components with Vanilla.js talk.

vanilla-js web-components

Last synced: 29 Oct 2025

Web Components Awesome Lists
awesome-web-components 503 awesome-stenciljs 81 awesome-frontend 120 awesome-polymer 187 awesome-stencil 46 awesome-stenciljs 63 awesome-web-components 239
Web Components Categories
Archive 1,064 Articles 237 Frameworks 229 Standards 157 Real World 149 Tutorials 113 Frameworks/Libraries 69 Latest Articles 53 Videos 45 Guides 42 Libraries 37 Ecosystem Highlights 36 List of Awesome Components Made using StencilJS 34 Design Systems build with Web Components 32 Insights 31 Meta Frameworks 30 Drafts, Reviews & Explainers 29 Tools 27 :wrench: Stencil Tools 27 Web Components UI Libraries 16