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/upp-ercase/gnome-ui

A modern, flexible UI component library for React, designed for rapid development and beautiful, accessible interfaces.

accessibility atomic-design component-library css-variables design-system frontend novajam novajam-pro open-source react react-components storybook tailwindcss theming typescript ui-library web-components

Last synced: 11 Apr 2026

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

🦕🕸️📦 Static Web Components Server using Deno and Typescript

deno typescript web-components

Last synced: 08 May 2026

https://github.com/kryptand/calrum

lit-html based calendar using all pwa goodness

lit-html polymer pwa typescript web-components

Last synced: 01 May 2026

https://github.com/vong3432/uf.io

User-Experience 1st components for developers. [In-development]

developerservices nextjs python user-experience web-components

Last synced: 29 Apr 2026

https://github.com/nonsalant/web-component-definer

Load and define multiple web components by including one script and using query string parameters.

vanilla-javascript web-components

Last synced: 18 Apr 2026

https://github.com/aarongustafson/table-modifiable

A web component that enables users to hide & show columns on an HTML table.

light-dom table web-components

Last synced: 20 Jan 2026

https://github.com/madeofzero/pandora

Pandora is a lightweight, extensible floating dev panel that sticks to the bottom of your screen and gives you quick access to the tools you wish your framework shipped with.

developer-tools framework-agnostic frontend web-components web-development

Last synced: 20 Jun 2025

https://github.com/ddamato/visible-scroll

Exposes visible scrollbars

scroll scrolling web-components

Last synced: 29 Apr 2026

https://github.com/alangdm/shadow-dom-quiz

Demo for the article: "The Quirks of Shadow DOM and How to Take Advantage of Them"

shadow-dom web-components

Last synced: 07 Apr 2025

https://github.com/nicolasleroux/simple-taquin-game

A simple taquin game with web component

taquin web-components

Last synced: 23 Aug 2025

https://github.com/facooya/facoweb

Reusable web components built with plain JavaScript and CSS.

css framework-free javascript web-components zero-dependencies

Last synced: 19 Apr 2026

https://github.com/yoc00lig/web-design-basics

My first steps with HTML/CSS/JavaScript. Some warm-up tasks and simple components to learn basics and practice.

css html html-css-javascript javascript web-components

Last synced: 10 Apr 2026

https://github.com/matfin/editable-list

An editable list Web Component built using TypeScript.

dom-testing-library eslint shadow-dom typescript web-components webpack-5

Last synced: 20 Apr 2026

https://github.com/smerth/polymer-google-maps-app

A Google Maps single page app built using elements from Polymer's Google Web Components collection. The app is responsive and will include driving directions and transit mode. Easy to integrate into an existing Polymer application

codelab javascript polymer web-components

Last synced: 03 May 2026

https://github.com/jojk0/umb-vue

Vue integrations for Umbraco 14+ Backoffice

custom-elements umbraco umbraco-backoffice vue web-components

Last synced: 20 Feb 2026

https://github.com/buonomolea/experimental-purecss-illustration

Illustration d'un synthétiseur et son controller

css illustration pure web-components

Last synced: 18 May 2026

https://github.com/styiannis/rectpackr-layout

Web component that packs HTML elements as rectangles using best-fit 2D strip-packing algorithms. Automatically measures dimensions and handles mixed content.

best-fit custom-element custom-elements dom layout masonry masonry-layout rectangle-packer responsive responsive-layout strip-packing web-component web-components

Last synced: 20 Jan 2026

https://github.com/slice-soft/ss-stencil-web-components-lib

Reusable web components library with StencilJS and design tokens

slicesoft stencil typescript web-components

Last synced: 24 May 2026

https://github.com/jean-tinland/lazy-icon-web-component

A web component lazy loading icons from individual sprites

lazy-icon lazy-loading web-components

Last synced: 12 Aug 2025

https://github.com/cogizmo/quantum-elements

Collection of elements that focus on keeping front-end data/state synchronized with remote sources

collection custom-elements vanilla-js web-components

Last synced: 09 May 2026

https://github.com/enjikaka/obj-viewer

A Three.js based Web Component for displaying OBJ files along with MTL files on the modern web.

three-js web-components

Last synced: 02 Oct 2025

https://github.com/b-goodman/minesweeper-game

Minesweeper game implemented with custom elements.

custom-elements game web-components

Last synced: 19 Apr 2026

https://github.com/lidorsystems/integralui-web-accordion

IntegralUI Web Lite - Accordion is a native Web Component that allows you to organize elements in groups.

accordion angular components integralui javascript react ui vue web web-components

Last synced: 09 Apr 2026

https://github.com/bungambohlah/dicoding-webpack-webcomponent-food

Simple food recipes app using Webpack 5 (+ Plugins) + Tailwindcss + HTML 5 Web Component

custom-elements custom-elements-v1 customelements html5 tailwindcss web-components webcomponent webpack webpack5

Last synced: 10 Apr 2026

https://github.com/kornalius/termos

Terminal for the 21st century (experiment)

alasql coffeescript experiment terminal web-components

Last synced: 09 Apr 2026

https://github.com/gaboquerizo/UI_Components

Diseño de componentes para interfaces de usuario | Vanilla JavaScript

url-routing web-components

Last synced: 29 Sep 2025

https://github.com/jeffreyquan/open-web-components

Trying out Open Web Components

web-components

Last synced: 09 Apr 2026

https://github.com/Elyndra-Studios/elementrix-ui-core

Elementrix-UI is an open-source, modular UI component library designed to simplify and enhance user interface development with reusable, framework-agnostic components.

component-library design-system frontend frontend-library modular open-source responsive scss stenciljs storybook typescript ui-components web-components

Last synced: 27 Sep 2025

https://github.com/lidorsystems/integralui-web-listbar

IntegralUI Web Lite - ListBar is a native Web Component that displays a list of expandable groups with items.

angular components integralui javascript list listbar react ui vue web web-components

Last synced: 08 Apr 2026

https://github.com/nonsalant/image-compare

"Before/after"-style comparison slider. Keyboard accessible. Light DOM prevents CLS on Core Web Vitals and makes it easy to add styles.

css html image light-dom vanilla-javascript web-components

Last synced: 09 Apr 2026

https://github.com/swssr/flowui

A SwiftUI-inspired library for building web interfaces with a fluent API.

declarative frontend swiftui typescript ui web-components

Last synced: 09 Apr 2026

https://github.com/niiyeboah/dagre-d3-component

Web Component wrapper for Dagre D3

d3 dagre dagre-d3 graph javascript polymer svg web-components

Last synced: 07 Jan 2026

https://github.com/jonomacc/rewindjs

An undo/redo library for web components that enables fine-grained state management.

history-management undo-redo vanilla-js web-components

Last synced: 09 Apr 2026

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

Simple, Light-weight and Flexible Web Components for grid layout.

grid grid-layout layout web-components

Last synced: 20 Apr 2026

https://github.com/danieldickison/embedodon

simple web component to render a mastodon account‘s posts

client-side embed javascript mastodon typescript vanilla-javascript vanilla-js web-components

Last synced: 08 Sep 2025

https://github.com/c-lodder/kipengee

Simple, fast and accessible Web Components

custom-elements javascript web-components

Last synced: 17 May 2026

https://github.com/johnhunter/wc-brewery-app

A POC Web-components application for tracking breweries you've visited. Includes a publish action.

poc web-components

Last synced: 18 Oct 2025

https://github.com/dimaslz/cross-ui-react

Wrapper of @cross-ui/core for react projects. Demo here: https://dimaslz.github.io/cross-ui-react

cross-ui react stenciljs web-components

Last synced: 05 May 2026

https://github.com/fabricelements/dev-tools

Development tools for Polymer projects

polymer tools web-components

Last synced: 04 May 2026

https://github.com/tenphi/gatsby-plugin-hide-undefined-elements

A Gatsby plugin to hide undefined (not-yet-defined) Web Components and Custom Elements.

css custom-elements gatsby plugin web-components

Last synced: 08 Apr 2026

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

Practice creating and using web components in a JS Vanilla project

custom-component javascript vanilla-javascript web-components

Last synced: 18 Feb 2026

https://github.com/florianfe/socket-io-connection

A Web-Component-Wrapper for socket.io

polymer socket socket-io web-component web-components

Last synced: 10 Jun 2025

https://github.com/kito99/github-repo-list

Demo application for the presentation Future-proof your Web Apps with Web Components and LitElement (https://www.mindmeister.com/1363423501/presentations-lit-element)

litelement typescript web-components

Last synced: 11 Apr 2026

https://github.com/teleprint-me/grassroots

a vanilla javascript library containing common tools for base development using nothing more than built-in web api's

javascript javascript-library single-page-applications web-api web-components

Last synced: 19 Apr 2025

https://github.com/greigh/danielhipskind.com

A modern, performance-focused portfolio website built with vanilla JavaScript. Features include dynamic GitHub repository integration, intelligent caching system, responsive design, dark/light theme switching, and progressive enhancement. Built without frameworks to demonstrate core web development principles and modern JavaScript capabilities.

cache-management css-grid dark-mode github-api portfolio-website progressive-enhancement responsive-design vanilla-javascript web-components web-performance

Last synced: 12 May 2026

https://github.com/airbr/web-component-counter

Web component counter example -- tiny deployment under 4kb

counter web-components

Last synced: 29 Mar 2025

https://github.com/wahyukmr/cooknify__catalog-restaurant

Restaurant App Dicoding is a GitHub submission for the Katalog Restoran PWA challenge. This Restaurant Food Catalog showcases an innovative restaurant catalog featuring offline capabilities, user reviews, and favorites to offer a modern and comprehensive dining experience.

automated-testing ci-cd clean-code mvc-architecture pwa-app web-components webpack5

Last synced: 11 Apr 2026

https://github.com/manufosela/animation-starwarstext

Web-component with Lit-Element to show a animated text like in StarWars

javascript lit-element web-components

Last synced: 17 May 2026

https://github.com/mlascurain/toggle-dark-mode

Web Component, using LocalStorage, ShadowDOM and Custom HTML Elements

custom-elements javascript localstorage shadow-dom web-components

Last synced: 06 Jan 2026

https://github.com/rayraegah/sfc-language

Better syntax for Single File Components (like Riot, Vue, Svelte etc.)

html-element polymer riotjs sublime-syntax sveltejs vuejs web-components

Last synced: 09 May 2026

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

With this repository I would like to show how easy it is to create your own web components using HTML, Javascript and CSS.

component-library components css framework html html5 javascript javascript-library justplaincode libraries no-frameworks nobullshit reusable-components web-component web-components web-development web-worker

Last synced: 04 Feb 2026

https://github.com/arrudadev/tech-talk-stenciljs

Code Example that was showed in the Tech Talk about web components and StencilJs in the Reclame Aqui

reactjs stenciljs vuejs web-components

Last synced: 12 Apr 2026

https://github.com/litingyes/howui

Web components UI library

lit ui web-components

Last synced: 04 Feb 2026

https://github.com/pandawhisperer/polymer-with-pandas

Polymer presentation for SCALE 13x and HUGE

polymer presentation web-components

Last synced: 28 Apr 2026

https://github.com/kcmr/liquid-switch

Web Component that acts as a checkbox with the appearance of a switch

a11y checkbox custom-elements polymer switch switch-control web-components

Last synced: 05 Apr 2025

https://github.com/danfking/burnish

Swagger UI for MCP servers — explore, test, and visualize any Model Context Protocol server with rich components (charts, tables, pipelines). No LLM required.

api-explorer cli dashboard developer-tools explorer json-schema lit mcp mcp-server model-context-protocol no-code open-source swagger typescript ui visualization web-components

Last synced: 20 Apr 2026

https://github.com/theprofs/defer-script

Load deferred scripts that survive vulcanisation/bundling in Polymer 1.x

asset-loading polymer web-components

Last synced: 12 Dec 2025

https://github.com/century-tech/ruth

A friendly router written for Web Components

router routing web-components webcomponents

Last synced: 22 Jul 2025

https://github.com/srdjan/my-web-components

Collection of custom web components

html web-components

Last synced: 20 May 2026

https://github.com/blackfalcon/another-ui-blog

This is the repo for the official Another UI Blog, all opinions are my own

anotheruiguy blog custom-elements opinions tech web-components

Last synced: 20 May 2026

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

Web Components UI组件库

shadow-dom web-components

Last synced: 27 Jun 2025

https://github.com/cradlecms/component-popup

Popup web component

web-component web-components

Last synced: 18 Feb 2026

https://github.com/codewithkyle/spa-boilerplate

A simple Web Component based SPA bootstrapper template.

single-page-app web-components

Last synced: 20 May 2026

https://github.com/osuph/circlesofpurification

A simple e-Stamp Single-Page Application for your e-Stamp things

estamp html5 shoelace spa web-components

Last synced: 20 May 2026

https://github.com/zheng-bote/rz-image-card

A Web Component to show image-cards.

lit-element web-components

Last synced: 20 May 2026

https://github.com/jamal-saadeddin/taskbox

Implementation of the Storybook tutorial, developed during my internship at Foothill Technology Solutions. It covers Chromatic integration, deployment, story writing, error/loading state handling, and creating a components screen.

components design-system react storybook testing ui-components web-components

Last synced: 02 Jan 2026

https://github.com/doganozturk/baklava-input-mask-vue-examples

A Vite-based demonstration application illustrating the integration and compatibility between the Baklava Design System and different input masking libraries.

baklava-de vue web-components

Last synced: 06 Jan 2026

https://github.com/knowler/page-metrics-element

A custom element to expose page viewport metrics (e.g. like if the address bar is expanded or collapsed). Work in progress.

custom-elements web-components

Last synced: 01 Apr 2025

https://github.com/schalkneethling/timelapse

A collection of widgets that shows how much time has elapsed in the day, week, month, quarter, and year. Widgets and timezone are configurable.

css html javascript pwa web-components

Last synced: 08 Apr 2026

https://github.com/benjaminsattler/os-window-mono

A web component (also known as custom element) based library which provides window decorations from the most common operating systems.

custom-element custom-elements html-css-javascript html5 os-window web-component web-components

Last synced: 06 Jan 2026

https://github.com/mrivasperez/litdo

A simple to-do list application built using Lit.

lit lit-html to-do web web-components

Last synced: 28 Apr 2026

https://github.com/kanocomputing/x-carousel

x-carousel allows user to navigate through an overflowed section using button or touch depending on the device.

polymer-element web-components

Last synced: 06 Feb 2026

https://github.com/jukkahyv/angular-custom-element

Angular custom element with unit tests

angular web-components

Last synced: 19 May 2026

https://github.com/conorluddy/weather-haiku

🌧️ A ChatGPT integration built in Rust. Generates a haiku based on weather forecast data from the Yr.no API. Serverless Lambda using DynamoDB for caching results. Native web-component frontend.

api chat-gpt chatgpt dynamodb haiku nosql rust serverless weather web-components yrno

Last synced: 31 Dec 2025

https://github.com/beuterei/regis-tag-me

Defines react based custom elements and validates the attributes

react web-component web-components

Last synced: 14 Apr 2025

https://github.com/philipahlberg/runway

A modern router for web apps based on web components

router typescript web-components

Last synced: 19 May 2026

https://github.com/benavern/z-zoomer

simple element zoomer made with lit-element as a web component

image lit-element web-components zoom zoom-images

Last synced: 07 Jan 2026

Web Components Awesome Lists
awesome-web-components 505 awesome-stenciljs 81 awesome-frontend 120 awesome-polymer 187 awesome-stencil 46 awesome-stenciljs 63 awesome-web-components 239
Web Components Categories
Archive 1,043 Articles 233 Frameworks 228 Standards 150 Real World 140 Tutorials 112 Frameworks/Libraries 69 Latest Articles 51 Videos 45 Ecosystem Highlights 36 Guides 35 Libraries 35 List of Awesome Components Made using StencilJS 34 Design Systems build with Web Components 32 Meta Frameworks 28 Drafts, Reviews & Explainers 28 Tools 27 :wrench: Stencil Tools 27 Insights 23 Web Components UI Libraries 16