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/github/filter-input-element

Display elements in a subtree that match filter input text.

custom-elements web-components

Last synced: 05 Apr 2025

https://github.com/link2twenty/l2t-paper-slider

Polymer element for displaying slides in a carousel

carousel polymer polymer-element web-components

Last synced: 01 May 2025

https://github.com/vuesence/vuesence-book

Minimalistic Vue.js based documentation system component

doc docs documentation documentation-tool markdown web-components

Last synced: 03 Apr 2026

https://github.com/tyler-technologies-oss/forge

Framework agnostic Web Component library that implements the Tyler Forge™ design system.

forge tyler-technologies web-components

Last synced: 02 Apr 2026

https://github.com/salesforce/lwc-test

LWC plugins and utilities for testing

jest lwc shadow-dom test unit-test web-components

Last synced: 16 May 2025

https://github.com/DaniGuardiola/TimeDoser-v2

🕑 Dosify your time (version 2, retired)

chrome-app polymer web-components

Last synced: 18 Jul 2025

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

Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications

chart charting-library polymer polymer-element vaadin-charts vaadin-elements vaadin-pro web-component web-components

Last synced: 06 Apr 2025

https://github.com/zachleat/announcement-banner

An announcement banner web component.

web-components

Last synced: 09 Oct 2025

https://github.com/charbelrami/grid-container

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

custom-elements grid grid-layout shadow-dom web-components

Last synced: 21 Jun 2025

https://github.com/bhollis/aruco-marker

JavaScript library and custom HTML element for generating Aruco marker images

aruco aruco-marker aruco-markers augmented-reality computer-vision robotics web-components

Last synced: 28 Oct 2025

https://github.com/cds-snc/gcds-components

GC Design System Components is a monorepo managing the web components of the GC Design System. | « GC Design System Components » (Composants de Système de design GC) est un référentiel unique qui gère les composants Web de Système de design GC.

canada design-system government government-canada web-components

Last synced: 06 Feb 2026

https://github.com/rwieruch/web-components-starter-kit

Starter Kit for Web Components with Webpack as application bundler.

web-component web-component-starter web-components webpack

Last synced: 12 Apr 2025

https://jonrimmer.github.io/are-we-componentized-yet/

Are We Componentized Yet (retired)

web-components

Last synced: 15 Nov 2025

https://github.com/bennypowers/lit-css

Build Plugins for CSS tagged-template-literals

css hacktoberfest lit web-components

Last synced: 05 Mar 2026

https://github.com/thepassle/pwa-helpers

Utilities for common patterns that help you build your Progressive Web App

pwa pwa-helpers recipes service-workers web-components

Last synced: 14 Apr 2025

https://github.com/twidi/mixt

Write html components directly in python and you have a beautiful but controversial MIXTure

components html python python36 react-style templating web-components

Last synced: 02 Apr 2025

https://github.com/bitflower/stencil-lerna

A starter kit for developing PWAs in a lerna monorepo including a web-component design-system in Typescript.

design-system frameworks lerna pwa stencil typescript web-components

Last synced: 05 Mar 2026

https://github.com/blikblum/wc-context

Context for Web Components

context lit lit-element web-components

Last synced: 18 Aug 2025

https://github.com/yuki24/shoelace-rails

Rails helpers for https://shoelace.style, the design system.

custom-elements design-system rails ruby ruby-on-rails shoelace ui ux web-components webcomponents

Last synced: 27 Oct 2025

https://github.com/ba-st/Willow

The Web Interaction Library that eases the burden of creating AJAX-based web applications

ajax html5 javascript jquery mit-license pharo seaside web web-components

Last synced: 11 May 2025

https://github.com/ba-st/willow

The Web Interaction Library that eases the burden of creating AJAX-based web applications

ajax html5 javascript jquery mit-license pharo seaside web web-components

Last synced: 12 Feb 2026

https://github.com/gracile-web/gracile

A thin, full-stack, web framework — Powered by Vite and Lit SSR. Works with Node's HTTP or WHATWG Fetch.

lit markdown meta-framework mpa spa ssg ssr web-components web-platform

Last synced: 04 Apr 2026

https://github.com/adamlacombe/shadow-dom-inject-styles

:tada: A helper function to easily modify Shadow DOM CSS.

css ionic4 shadow-dom stenciljs web-components

Last synced: 26 Aug 2025

https://github.com/hot-page/fx

Web Components On Fire

custom-elements web-components

Last synced: 06 Mar 2026

https://github.com/dkzlv/simple-hue-picker

🎨 Tiny Hue picker for any framework!

color color-picker cross-framework hue web-components

Last synced: 29 Jul 2025

https://github.com/YunYouJun/wc-github-corners

:octocat: A web component for github corners. Can be used anywhere.

github-corners lit web-components

Last synced: 25 Mar 2025

https://github.com/coryrylan/reusable-ui-component-api-guide

An API guide outlining best practices for constructing highly reusable UI components on the Web

api-design design-systems ui-components ui-library web-components

Last synced: 15 Apr 2025

https://github.com/wolfadex/fluent-web

A web component for using projectfluent.org/

elm html localization svelte web-components

Last synced: 17 Mar 2025

https://github.com/yunyoujun/wc-github-corners

:octocat: A web component for github corners. Can be used anywhere.

github-corners lit web-components

Last synced: 25 Mar 2025

https://github.com/zachleat/speedlify-score

A web component that shows Lighthouse scores via Speedlify.

speedlify web-components

Last synced: 15 Jul 2025

https://github.com/realmui/realm

Reactive-Lightweight Markup Language. HTML framework for building MVPs.

frontend javascript library realm template ui web-components

Last synced: 14 Aug 2025

https://github.com/vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 05 Apr 2025

https://github.com/patricknelson/svelte-retag

Light DOM custom element wrapper for Svelte 3 and 4 with slots, context and Vite HMR support

context custom-elements hmr slots svelte web-components

Last synced: 02 Apr 2025

https://github.com/andreruffert/syntax-highlight-element

👓 Syntax Highlighting using the CSS Custom Highlight API

custom-elements syntax-highlighting web-components

Last synced: 21 Jun 2025

https://github.com/ktsn/birdseye

Next generation component catalog

catalog component styleguide web-components

Last synced: 26 Jun 2025

https://github.com/trimble-oss/modus-web-components

This library provides Modus components as web components - reusable, encapsulated UI elements that are framework agnostic (can be implemented in any site).

modus web-components

Last synced: 16 May 2025

https://github.com/igniteui/igniteui-dockmanager

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

dockmanager igniteui web-components

Last synced: 07 Apr 2025

https://github.com/realmorg/realm

Reactive-Lightweight Markup Language. HTML framework for building MVPs.

frontend javascript library realm template ui web-components

Last synced: 24 Jul 2025

https://github.com/belleui/belleui

Web Components UI library

lerna typescript ui-libary web-components

Last synced: 25 Aug 2025

https://github.com/calebdwilliams/jsx-native-events

A JSX schema for adding support for native events (including CustomEvent)

jsx jsx-pragma native-events native-jsx-events react web-components

Last synced: 29 Oct 2025

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

Declarative Browser Notification as Web Components.

notification web-components

Last synced: 25 Jun 2025

https://github.com/open-wc/locator

Chrome extension to find custom elements on a page, and search the catalog for extra information

chrome-extension custom-elements hacktoberfest open-wc web-components

Last synced: 16 Jul 2025

https://github.com/Vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 14 Mar 2025

https://github.com/vardius/web-component

Lightweight library providing interface for building web components

shadowroot web-component web-components webcomponents

Last synced: 23 Jun 2025

https://github.com/zachleat/squirminal

The squirminal is a fake antique terminal web component

web-components

Last synced: 23 Apr 2025

https://github.com/memset0/learning-at-zju-helper

学在浙大/智云课堂 辅助脚本

userscript web-components webpack zhejiang-university

Last synced: 14 Aug 2025

https://github.com/polymerlabs/brick-viewer

A web component for viewing models built with a certain type of plastic brick!

ldraw web-components

Last synced: 08 Jul 2025

https://github.com/adamghill/dj-angles

Transpile HTML to the Django Template Language </>

css django django-templates html web-components

Last synced: 08 Feb 2026

https://github.com/Danktuary/wc-discord-message

Web components to easily build and display fake Discord messages on your webpages.

discord hacktoberfest stencil web-components

Last synced: 03 Apr 2025

https://github.com/danktuary/wc-discord-message

Web components to easily build and display fake Discord messages on your webpages.

discord hacktoberfest stencil web-components

Last synced: 28 Apr 2025

https://github.com/nmetulev/wc-react

React wrapper for web components

react wc web-component web-components

Last synced: 12 Apr 2025

https://github.com/natemoo-re/magic-element

Automatic custom-elements with zero boilerplate

custom-elements template web-components

Last synced: 15 Apr 2025

https://github.com/curvenote/components

Components for interactive scientific writing, reactive documents and explorable explanations.

explorable-explanations material-ui material-web-components reactive-documents scientific-writing web-components writing

Last synced: 11 Apr 2025

https://github.com/chrisburnell/relative-time

A Web Component to display a relative time. There are many like it, but this one is mine.

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

Last synced: 28 Oct 2025

https://github.com/captaincodeman/web-app-starter

Web App Starter using WebComponents, Lit-Html, Redux, Typescript and Rollup

firebase lit-html redux redux-first-routing redux-thunk reselect rollup typescript universal-router web-components

Last synced: 13 Mar 2026

https://github.com/carbon-design-system/carbon-labs

An innovation space for the creation of components leveraging Carbon Design System

design-system hacktoberfest react web-components

Last synced: 07 Mar 2026

https://github.com/bennypowers/cem

The standards-based toolkit for Web Components. Generate Custom Elements Manifests, Dev Server, LSP, and MCP for your app or design system

custom-elements custom-elements-manifest go golang language-server-protocol static-analysis typescript web-components

Last synced: 16 Jan 2026

https://github.com/florianfe/mc-viewer

🌐🏠 A Web Component for visualizing Minecraft schematics

minecraft model-viewer polymer web-components

Last synced: 28 Feb 2026

https://github.com/zachleat/infinity-burger

A new kind of hamburger menu

web-components

Last synced: 24 Jun 2025

https://github.com/FlorianFe/mc-viewer

🌐🏠 A Web Component for visualizing Minecraft schematics

minecraft model-viewer polymer web-components

Last synced: 19 Jan 2026

https://github.com/ionicthemes/ionic-custom-components

🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.

angular css4 custom-components ionic ionic-framework shadow-dom stencil stenciljs web-components

Last synced: 24 Apr 2025

https://github.com/joomla-projects/custom-elements

A compilation of Joomla 4 Custom Elements.

custom-elements javascript joomla web-components webcomponents

Last synced: 29 Jan 2026

https://github.com/mohsen1/pretty-json

Pretty JSON HTML Custom Element

custom-elements html json web-components

Last synced: 12 Apr 2025

https://github.com/scania-digital-design-system/sdds

[deprecated] Scanias legacy design system implementation (sdds-)

design-system scania sdds tegel ui ui-components user-experience ux web-components

Last synced: 11 Jul 2025

https://github.com/glimmerjs/glimmer-web-component

Library to boot up your Glimmer components as Web Components

glimmerjs web-components

Last synced: 13 Apr 2025

https://github.com/just214/svelte-custom-element

A project template to build custom elements (web components) with Svelte.

custom-elements shadow-dom svelte web-components

Last synced: 12 Apr 2025

https://github.com/singhtal/svelte-webcomponents

A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.

custom-elements javascript open-source shadow-dom svelte svelte3 sveltejs web-component web-components

Last synced: 25 Oct 2025

https://github.com/jifalops/chat-window

A simple and flexible chat window for listing messages.

chat chat-window polymer web-components

Last synced: 03 Jul 2025

https://github.com/vardius/webrtc-chat

Serverless chat application useing peer to peer WebRTC

chat peer socket web-components webrtc

Last synced: 21 Mar 2025

https://github.com/sap/ui5-webcomponents-ngx

UI5 Web Components for Angular provides directives for each UI5 Web Component. The directives allow to easily build your Angular application following the SAP Design System.

angular open-source typescript ui-components web-components

Last synced: 04 Mar 2026

https://github.com/corpusculejs/corpuscule

Lightweight framework based on WebComponents and decorators

decorators final-form redux web-components

Last synced: 30 Jun 2025

https://github.com/shyam-chen/micro-fullstack

:maple_leaf: ECMAScript Microservices Development: Build, test, deploy, and scale microservices in ECMAScript.

microfrontends microservices mircro-frontends qiankun single-spa vite web-components webcomponents

Last synced: 21 Mar 2025

https://github.com/blazesoftware/css

CSS foundation for Blaze UI

bem css framework sass scss toolkit web-components

Last synced: 14 Apr 2025

https://github.com/rodydavis/rodydavis

Polyglot Developer, Musician and Creator

android flutter ios static-site template web web-components webpack

Last synced: 11 Mar 2026

https://corpusculejs.github.io/corpuscule/

Lightweight framework based on WebComponents and decorators

decorators final-form redux web-components

Last synced: 21 Nov 2025

https://github.com/samzhangjy/leafjs

:sparkles: A lightweight, fast web-components based frontend framework for the future.

framework frontend frontend-framework javascript js typescript vanilla-javascript web-components

Last synced: 05 Mar 2025

https://github.com/rdmurphy/scroll-scene-element

📜 A tiny custom element for all your scrollytelling needs!

custom-elements javascript scrollytelling web-components

Last synced: 19 Jul 2025

https://github.com/simonw/datasette-table

A Web Component for embedding a Datasette table on a page

datasette web-components

Last synced: 15 Aug 2025

https://github.com/blikblum/slick-router

Powerful and flexible client side router

router state web-components

Last synced: 24 Mar 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 17