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/songkeys/uni-media

Easily display media content (image, video, audio, 3d-models) in a single component (Best for NFT)

dapp file-types ipfs mime-types nft web-components

Last synced: 06 Mar 2026

https://github.com/jdomizz/hydra-element

🍬 A custom element for wrapping the hydra-synth engine

creative-coding custom-elements glsl hydra-synth livecoding web-components

Last synced: 07 Sep 2025

https://github.com/rodydavis/lit-code-editor

Lit Code Editor built with Vite and Monaco Editor (ESM version).

code-editor esmodules lit monaco-editor web-components

Last synced: 22 Apr 2025

https://github.com/pragmasoft-ua/kite-chat-frontend

🪁Kite chat is a livechat web component and protocol

chat javascript lit-element livechat livechat-app tailwindcss typescript web-components

Last synced: 30 Jul 2025

https://github.com/jameslovallo/ardi

Ardi makes it easy to create reactive custom elements that work with any website or Javascript framework.

angular context-api custom-elements react svelte uhtml vue web-components

Last synced: 11 Apr 2025

https://github.com/muxinc/media-playlist

A custom element for playing through a set of audio and video elements.

media-chrome web-components

Last synced: 22 Apr 2025

https://github.com/haiilo/catalyst

A framework agnostic design system and component library based on web components and SCSS.

design-system stencil-js web-components

Last synced: 07 Apr 2026

https://github.com/akarachen/seaweed

The next generation component library based on web components.

less lit-element rollup typescript web-components

Last synced: 15 Apr 2025

https://github.com/jaywcjlove/dark-mode

🌓 Add dark mode/night mode custom elements to your website.

custom-elements dark-mode dark-mode-toggle dark-theme prefers-color-scheme web-components

Last synced: 07 May 2025

https://github.com/artursopelnik/stencil-storybook-boilerplate

Stencil Storybook Boilerplate Template for creating fast and robust Design Systems with Storybook Stencil ✨

boilerplate hmr monorepo stencil stenciljs storybook typescript web-components webcomponents

Last synced: 13 Jun 2025

https://github.com/teammaestro/stencil-shimmer

StencilJS component for adding shimmer UI effect to your applications.

angular ionic shimmer stenciljs stenciljs-components web-components

Last synced: 30 Jun 2025

https://github.com/untangled-web/untangled-ui

A library that contains pre-written UI components such as form support, image clipping, image library, date pickers, etc.

clojurescript css postcss react-components visual-regression-tests web-components

Last synced: 21 Feb 2026

https://github.com/others-ui/others-ui

基于lit的web通用组件库

lit web-components

Last synced: 10 Sep 2025

https://github.com/vaadin/vaadin-material-styles

Material Design Theme for Vaadin components

material-design polymer theme vaadin web-components webcomponents

Last synced: 11 Jan 2026

https://github.com/vaadin/vaadin-login

vaadin-login is a set of web components for login form with password managers support.

custom-elements login login-forms vaadin web-components webcomponents

Last synced: 16 Aug 2025

https://github.com/valpackett/indieweb-components

VanillaJS-based Web Components for the IndieWeb

fragmention indie-action indieweb web-components

Last synced: 12 Dec 2025

https://github.com/lume/variable

DEPRECATED, use https://solidjs.com and https://github.com/lume/classy-solid directly instead. Create reactive variables and observe their changes in a simple and concise way with less code and less coupling.

3d 3d-graphics custom-elements event-handlers html-elements lume reactive-computations reactive-programming reactive-variables reactivity threejs web-components webgl

Last synced: 02 Oct 2025

https://github.com/spider-hand/advanced-chat-kai

A highly customizable chat Web Component - Works with any framework (React, Vue, Angular, Svelte, etc.)

chat chat-application chatbot lit ui web-components webcomponents

Last synced: 18 Jun 2025

https://github.com/micahscopes/all-around-keyboard

a web component for piano keyboards

d3 keyboard music piano web-components

Last synced: 13 Oct 2025

https://github.com/juliendargelos/gui

Light and expressive GUI with web components

gui web-components

Last synced: 14 Oct 2025

https://github.com/vollowx/see

A web components library that can be styled and extended freely, pre-providing components in Material You.

design-system lit material material-you typescript web web-components

Last synced: 12 Jan 2026

https://github.com/zacharytamas/page-title

A Polymer element for easily updating a webpage's title, such as in a SPA.

custom-elements javascript polymer polymer-element polymer2 spa web-components

Last synced: 22 Jul 2025

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

Create editable collections of content straight in HTML

collection content-management custom-element simpla web-components

Last synced: 10 Apr 2026

https://github.com/petermikitsh/stencil-react

CLI tool for generating React Components ("bindings") from Stencil 1.x projects

react stencil stencil-components stenciljs web-components

Last synced: 08 Oct 2025

https://github.com/vanillawc/wc-marquee

A vanilla web component marquee banner with party mode

marquee party vanilla web-components

Last synced: 16 Jun 2025

https://github.com/seanwuapps/soft-components

Decorative UI Toolkit based on Neumorphism design

css design-system front-end html javascript ui-kit web-components

Last synced: 05 Apr 2025

https://github.com/lamplightdev/wafer

A simple and lightweight base library for building Web Components for use in the browser and on the server

javascript web-components

Last synced: 21 Apr 2025

https://github.com/ionicthemes/how-to-build-any-ui-with-ionic

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

css-variables ionic ionic-apps ionic-framework ionic5 stencil web-components

Last synced: 24 Apr 2025

https://github.com/modulojs/modulo

A drop-in JavaScript framework for modular web components, kept to about 2000 lines

api component css framework html javascript modulo modulojs ui web-components

Last synced: 10 Apr 2025

https://github.com/theoplayer/web-ui

UI component library for the THEOplayer Web SDK

theoplayer video-player web-components

Last synced: 07 Jan 2026

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

Beautiful, lightweight admin component for Simpla apps

admin content-management custom-element simpla web-components

Last synced: 07 Mar 2026

https://github.com/maidi29/custom-avatar-generator

Angular Element (Web Component) that creates a random avatar svg image and lets the user customize it.

angular angular-elements avataaars avataaars-generator avatar avatar-generator web-components

Last synced: 28 Jan 2026

https://github.com/codewithkyle/notifyjs

A lightweight JavaScript library for creating toast, snackbars, and notifications.

lightweight notification notifications snackbar snackbar-notification toast toast-notifications web-components

Last synced: 14 Apr 2025

https://github.com/bluewatertracks/bwt-uploader

Polymer component that allows uploading of images and pdf files

bwt-uploader image pdf polymer uploader web-component web-components

Last synced: 01 May 2025

https://github.com/koirodev/prismium

A modern JavaScript accordion library with smooth animations. Easily integrates with React, Vue, and vanilla JavaScript.

accordion animation dropdown filter javascript js native prismium react smooth tree-view ui-components view-more vue web-components widget

Last synced: 29 Oct 2025

https://github.com/understanding-astro/build-your-own-component-island

A framework independent partial hydration islands 🏝 architecture implementation. ⭐️ Star to show support!

astro astrojs hydration preact vuejs web-components web-components-template

Last synced: 06 Jul 2025

https://github.com/apleshkov/viewmill

Transform jsx/tsx files to reactive views in js/ts to use in Web Components, insert into DOM or integrate with other libraries/frameworks

dom jsx mvvm reactive rust swc tsx view wasm web-components

Last synced: 10 Jul 2025

https://github.com/capjamesg/webmemex.js

Display cards for all of the outgoing links on a web page.

web-components

Last synced: 07 May 2025

https://github.com/navsgh/katex-expression

A web component to render KaTeX expression

katex latex stenciljs stenciljs-components web-components

Last synced: 01 Sep 2025

https://github.com/Hotell/skate-starter

skatejs 5 + typescript + webpack

skatejs typescript web-components webpack2

Last synced: 11 Mar 2025

https://github.com/zachleat/parity-purchasing-power-price

Web Component to show Parity Purchasing Power prices.

web-components

Last synced: 23 Apr 2025

https://github.com/jouni/j-elements

Proof-of-concept and prototype web components to fill in some gaps in the Vaadin components collection

web-components webcomponents

Last synced: 04 Oct 2025

https://github.com/hotell/skate-starter

skatejs 5 + typescript + webpack

skatejs typescript web-components webpack2

Last synced: 19 Apr 2025

https://github.com/quinntynebrown/simple-custom-element

Simple Custom Element using Custom Elements v1, TypeScript 2.x, lit-html and WebPack 3

custom-elements-v1 lit-html shadow-dom typescript web-components webpack2

Last synced: 03 Aug 2025

https://github.com/lokuyow/nostr-zap-view

View any Nostr Zaps from anywhere, supporting npub, nprofile, note, nevent, and naddr identifiers.

bitcoin javascript lightning-network nostr web-components

Last synced: 23 Sep 2025

https://github.com/austintheriot/custom-element

A CustomElement trait to create web components out of Rust structs.

custom-elements wasm wasm-bindgen web-assembly web-components

Last synced: 12 Apr 2025

https://github.com/jinliming2/calendar-js

A Calendar Library Written in Javascript, with Web Components v1, ECMAScript 6 (2015+) and CSS3.

calendar css3 es6 html5 shadow-dom web-components

Last synced: 16 Oct 2025

https://github.com/kcmr/transburger-icon

Custom element to display a transformable hamburger icon

button icon polymer2 web-components

Last synced: 23 Jul 2025

https://github.com/betha-plataforma/estrutura-componentes

Coleção de Web Components para compor a estrutura de uma aplicação front-end da Betha Sistemas

betha estrutura plataforma stenciljs web-components

Last synced: 04 Apr 2026

https://github.com/6km/react-quran

Easily add Quran viewer to your react applications! *Please notice that the displayed Quran is in Hafs narration

arabic components-library components-react islam islamic library quran quran-api quran-web react react-components react-ui react-ui-components reactjs web-components

Last synced: 19 Jun 2025

https://github.com/aaronshaf/html-router

Drop-in router using web components

custom-elements router web-components

Last synced: 07 May 2025

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

An editable richtext element you can update inline

content-management editor javascript polymer richtexteditor simpla text web-components

Last synced: 11 Jan 2026

https://github.com/vaadin/vaadin-grid-pro

vaadin-grid-pro is a high quality data grid / data table Web Component with extended functionality. Part of the Vaadin components.

custom-elements data-grid data-table datatable grid vaadin web-components webcomponents

Last synced: 16 Aug 2025

https://gitlab.com/sctlib/mwc

web-components to interact with matrix.org https://sctlib.gitlab.io/mwc

MWC matrix-web-components matrix.org web-components

Last synced: 04 Jul 2025

https://github.com/cesarparra/lwc-signals

A simple yet powerful reactive store for Lightning Web Components based on Signals.

lwc lwc-component salesforce signals state state-management web-components web-components-library

Last synced: 12 Apr 2025

https://github.com/thepassle/cem-plugin-reactify

@custom-elements-manifest/analyzer plugin to ✨ automatically ✨ create react wrappers for your custom elements

custom-elements custom-elements-json custom-elements-manifest open-wc web-components

Last synced: 15 Apr 2025

https://github.com/arup-group/arc-components

Arup Reusable Components

design-system lit nix web-components

Last synced: 24 Apr 2025

https://github.com/gnestor/google-doc

A web component to import Google Doc content into a webpage

google-docs polymer web-components

Last synced: 10 Apr 2025

https://github.com/vanillawc/wc-social-link

A vanilla web component for social media links

link social vanilla web-components

Last synced: 04 Apr 2025

https://github.com/pbastowski/svelte-poi-starter

Svelte 3 starter with POI 12 and Prettier. Outputs web apps or web components.

poi prettier svelte svelte3 web-components webpack

Last synced: 08 Jul 2025

https://github.com/polight/brick

🌱 Minimalistic, fast and reactive Web-component library. ⚠️ Brick was merged into Lego: https://github.com/Polight/lego

htmlelement javascript minimalistic react reactive virtual-dom web-components

Last synced: 20 Mar 2025

https://github.com/TBosak/fornax

Build Faster, Code Smarter, With Fornax – The 🥖Bun-Powered 🥞Full-Stack 🕸️Web Framework

bun bunjs contributions-welcome custom-elements fornax framework frontend javascript typescript web-components web-framework

Last synced: 06 Apr 2025

https://github.com/matthewp/comic-reader

A comic reader web component

comic comic-book web-components

Last synced: 12 Jul 2025

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

open-source cloud-powered web components

web-components webcomponents

Last synced: 16 Apr 2025

https://github.com/leoneck/spa-wc-vite

Single Page Application (SPA) demo using web components powered by vite.

spa vite web-components

Last synced: 23 Mar 2025

https://github.com/vaadin/vaadin-accordion

The Web Component for accordions. Part of the Vaadin components.

accordion custom-elements expansion-panels vaadin web-components webcomponents

Last synced: 22 Apr 2025

https://github.com/bmarkov/cute-css

Visual primitives for components. Use the best bits of ES6 and CSS to style your apps very quickly

css css-in-js css3 css3-in-js es6 styled-components web-components

Last synced: 15 Apr 2025

https://github.com/lume/live-code

`<live-code>` element to display editable code with live output. Demo:

code-editor custom-elements live-code-editor lume text-editor web-components

Last synced: 01 Sep 2025

https://github.com/vaadin/vaadin-radio-button

The Web Component for customized radio buttons. Part of the Vaadin components.

polymer polymer2 python radio-button vaadin web-components webcomponents

Last synced: 04 Oct 2025

https://github.com/bitflower/chart.js-stencil

Chart web components built with StencilJS & Chart.js

chart custom-elements stenciljs web-components

Last synced: 24 Jul 2025

https://github.com/morbidick/serviceworker-helpers

Display a toast on available service worker update

polymer-element polymer2 service-worker web-components

Last synced: 13 Jul 2025

https://github.com/mindsphere/start-for-free-demo-app

A small demo app which can be used as a starting point for your MindSphere #StartForFree developer experience.

demo-app react siemens web-components

Last synced: 01 Oct 2025

https://github.com/maibornwolff/mwui

Storybook (dev): https://maibornwolff.github.io/mwui-dev

angular component-library components design-system react stencil storybook vue web-components

Last synced: 25 Apr 2025

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

⚡ 建立在 Web 标准之上的下一代的 UI 组件库。（⚡ Next generation UI component library based on Web standards.）

components css3 fighting fighting-design html5 vite web web-components

Last synced: 28 Apr 2025

https://github.com/brightspaceui/button

Polymer-based web components for D2L buttons

polymer sass web-components

Last synced: 12 Dec 2025

https://github.com/tbosak/fornax

Build Faster, Code Smarter, With Fornax – The 🥖Bun-Powered 🥞Full-Stack 🕸️Web Framework

bun bunjs contributions-welcome custom-elements fornax framework frontend javascript typescript web-components web-framework

Last synced: 30 Apr 2025

https://github.com/lalitsinghrana/dynamic-middle-ellipsis

Framework agnostic code to dynamically truncate long text in the center.

abbreviate clip dynamic middle-ellipsis react text-overflow truncate-text vanilla-js web-components

Last synced: 04 Apr 2026

https://github.com/nudeui/element

Composable web component helpers for creating reactive web components that behave just like native HTML elements. WIP.

web-components

Last synced: 26 Mar 2025

https://github.com/lisk-builders/lisk-buttons

🖲️ Lisk Buttons allow you to open Lisk Nano wallet with pre-filled forms

lisk lisk-buttons web-components widget

Last synced: 20 Sep 2025

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

Nativ web components for typographic projects: <foot-note>, <inline-note>, <note-list>

custom-elements javascript typography web-components

Last synced: 11 Mar 2025

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

⚡ 建立在 Web 标准之上的下一代的 UI 组件库。（⚡ Next generation UI component library based on Web standards.）

components css3 fighting fighting-design html5 vite web web-components

Last synced: 11 Mar 2025

https://github.com/vanillawc/wc-demo

A vanilla web component to demo vanilla web components

demo vanilla web-components

Last synced: 23 Oct 2025

https://github.com/ongov/ontario-design-system

Web components and npm packages for the Ontario Design System, designed to help you create great digital products for the Ontario government.

angular component-library design-system design-systems design-tokens ontario-design-system react web-components

Last synced: 02 Apr 2026

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