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/oskarrough/rough-dropdown

Component for easy dropdowns

web-components

Last synced: 24 Apr 2026

https://github.com/georapbox/picture-in-picture-element

A custom element that offers a declarative interface to the Picture-in-Picture API.

custom-elements web-components

Last synced: 10 May 2026

https://github.com/fabricelements/fabric-algolia

Algolia search for polymer projects

algolia polymer search web-component web-components

Last synced: 08 May 2026

https://github.com/musakui/gl-canvas

a Custom Element that extends <canvas>

custom-elements web-components webgl

Last synced: 16 May 2026

https://github.com/sudhiry/webcomponents-examples

This is repository for web components examples

javascript react web-components

Last synced: 11 Mar 2025

https://github.com/mzherx/uihive_navbar-and-footer-components

A repository containing the Navbar and Footer components for easy integration and customization in websites.

component footer navbar navbar-component responsive-navbar resposive-web-design template-project web-components

Last synced: 18 May 2026

https://github.com/meduzen/canistop-web-component

Currently a very WIP playground

web-components

Last synced: 29 Apr 2026

https://github.com/funsjanssen/aspire-specflow-playwright-webcomponents

Demo of how to use Aspire.net, Specflow and Playwright for end-to-end testing web components frontend and .NET api

aspire end-to-end end-to-end-testing lit playwright specflow testing web-components xunit

Last synced: 09 Apr 2025

https://github.com/5310/yawdle

Yet Another Wordle DupLicatE! Now with on-demand shareable puzzles!

game lit study web-components wordle

Last synced: 08 Jan 2026

https://github.com/sneas/web-component-typescript-starter

Web Component with Typescript, SASS, and Webpack. This is the best example on GitHub, really.

sass typescript web-components webpack

Last synced: 13 Apr 2026

https://github.com/josemavarez11/drawsheet-webcomponent

Customizable and reusable drawing sheet encapsulated in a JavaScript Web Component capable of supporting images, text, styles and figures in Canvas.

classes-and-objects css-grid custom-elements html javascript shadow-dom web-components

Last synced: 29 Apr 2026

https://github.com/dhi/html-import-updater

📦 CLI tool that updates html imports in your web components (or even Polymer elements).

cli cli-tool html-imports html-parser polymer web-components

Last synced: 23 Feb 2025

https://github.com/erickpetru/cps-elements-example-vue

Projeto de exemplo da integração de componentes CPS Elements com Vue 3 e Vite.

vite vue vue3 web-components

Last synced: 12 Apr 2026

https://github.com/mayormaier/threaded-discussion

Comment engine microservice and front end web component

microservice node web-components

Last synced: 20 Jan 2026

https://github.com/schalkneethling/neo-shadow

An example of using a web component with Declarative ShadowDOM with Astro.build

astro javascript shadow-dom web-components

Last synced: 29 Apr 2026

https://github.com/erickpetru/cps-elements-example-angular

Projeto de exemplo da integração de componentes CPS Elements com Angular.

angular angular15 web-components

Last synced: 29 Apr 2026

https://github.com/likuner/lazy-img

a custom element of lazy-load-image based on web-components

custom-element lazy-img lazy-loading shadow-dom typescript web-components

Last synced: 17 May 2026

https://github.com/placer-toolkit/placer-toolkit

The go‐to web component library for the web! 🛠️

components custom-elements lit litelement placer placer-toolkit toolkit web-components

Last synced: 24 May 2026

https://github.com/hunchcloud/live-element

A custom element to live edit other custom elements

custom-element live-editing playground web-components

Last synced: 15 May 2026

https://github.com/wurde/prefab-ui

A suite of Web Components built using Prefab Design.

storybook web-components

Last synced: 18 Jan 2026

https://github.com/edgeworkscreative/ewc-google-map

:round_pushpin: Google Maps Place card web component built with StencilJS.

google-maps google-places snazzy-maps stencil stenciljs web-components

Last synced: 30 Apr 2026

https://github.com/maomincoding/mettle-web-components-examples

This is an example of using mettle-web-components.

examples mettle mettlejs web-components

Last synced: 30 Apr 2026

https://github.com/lruihao/caniuse-embed-element

A custom web component that embeds caniuse.com browser compatibility data for a specific feature.

caniuse caniuse-embed custom-elements web-components

Last synced: 08 Apr 2026

https://github.com/conero/uymasts

Base Web UI with Typescript for Broswer

typescript web-components

Last synced: 30 Apr 2026

https://github.com/prantlf/mici

Lightweight web components using the mini.css styles. The same look & feel for your embedded widgets on any page. Workhorse for functional web applications, not for fancy web pages.

custom-elements mini-css web-components

Last synced: 17 May 2026

https://github.com/saranzafar/saran-zafar-portfolio

A clean and responsive developer portfolio built with Next.js and Tailwind CSS. Showcases projects, skills, and GitHub integration with SEO-friendly structure and dynamic content support.

developer-portfolio github-api interactive-design modern-ui nextjs opensource professional-profile react-components responsive-design saran saranzafar tailwindcss typescript web-applications web-components web-development

Last synced: 13 Apr 2026

https://github.com/guilherme-ciano/minify-ui

minify-ui is a minimalist and customizable component library designed to simplify front-end development. With a focus on simplicity and ease of customization, minify-ui provides a set of essential UI components to help you build beautiful and responsive web applications with minimal effort.

ui web-components web-components-library

Last synced: 19 Jan 2026

https://github.com/stagas/with-properties

custom elements base class factory with properties mapped to observed attributes

custom-elements mixin observed-attributes properties web-components

Last synced: 08 Jun 2026

https://github.com/magicbooks-io/payment-slide-in

A custom web component to easily drop a slide-in, mobile-friendly embedded Stripe payment form on any website or PWA. Buildless, no dependencies.

stripe stripe-api stripe-payments web web-components

Last synced: 20 Jan 2026

https://github.com/hunchcloud/elements

A collection of custom elements

carousel custom-elements navbar web-components

Last synced: 19 May 2026

https://github.com/alan-khosro/web-table

A tiny web component that converts data to beautiful, sortable, searchable, flexible table

csv-table json-table table web-components web-table

Last synced: 21 Apr 2026

https://github.com/raphico/interactive-comment-section

Frontend mentor challenge - interactive comment section

css-modules lit vite web-components

Last synced: 14 Apr 2026

https://github.com/xgqfrms/wcui

Web Components UI (@xgqfrms/wcui)

javascript lit npm typescript ui wcui web-components xgqfrms

Last synced: 13 Apr 2026

https://github.com/maxlever/newseum

hack@brown: Viewing art in the context of news

art media microsoft-cognitive-services museum news northeastern polymer web-components

Last synced: 11 Mar 2025

https://github.com/lloydrichards/proj_effect-box-web-components

Some experimentation in creating web components using lit and effect

effect-ts lit tailwindcss web-components

Last synced: 01 May 2026

https://github.com/AlStar01/lazy-loading-img

Web component to lazy load images using Intersection Observer

stenciljs tsx typescript web-components

Last synced: 11 Mar 2025

https://github.com/noherczeg/fast-web-standards

A simple Proof of Concept project showcasing up-to-date standards in networking and web-development.

css3 custom-elements docker html5 http2 nginx shadow-dom web-components

Last synced: 12 Apr 2026

https://github.com/kherrick/x-weather-app

An app using x-weather that displays the current weather and forecast.

custom-elements service-worker weather weather-app web-components

Last synced: 02 May 2026

https://github.com/neoki07/color-blindness-devtool

Accessibility tool for simulating color blindness in web application development

accessibility color-blindness lit react typescript web web-components

Last synced: 09 Apr 2025

https://github.com/cityofdetroit/cod-design-system

Design System proof of concept

design-system web-components

Last synced: 07 Jan 2026

https://github.com/nicoleoliveira/tdc-web-components

Exemplo de implementação de um Web Component para a palestra "Web Components para o seu design system!"

javascript web-components

Last synced: 02 May 2026

https://github.com/zainadeel/compomo

Framework-agnostic web component library built with Stencil.js — works with React, Angular, and plain HTML. Part of the ds-mo design system.

angular component-library custom-elements design-system ds-mo stencil storybook typescript ui web-components

Last synced: 09 Jun 2026

https://github.com/kherrick/x-react-clock

A custom element wrapper for react-clock.

clock custom-elements react time web-components

Last synced: 02 May 2026

https://github.com/mazherx/uihive_navbar-and-footer-components

A repository containing the Navbar and Footer components for easy integration and customization in websites.

component footer navbar navbar-component responsive-navbar resposive-web-design template-project web-components

Last synced: 05 Mar 2025

https://github.com/rajasegar/web-components-chat

A Live chat application crafted entirely using Web components

chat chat-application components custom-elements custom-elements-v1 web-components

Last synced: 03 May 2026

https://github.com/melhosseiny/flare

Compose user interfaces without frameworks

deno web-components

Last synced: 03 May 2026

https://github.com/fact-finder-web-components/shopware5-plugin

FACT-Finder® Web Components for Shopware 5

fact-finder shopware-plugin web-components

Last synced: 16 May 2026

https://github.com/nonsalant/definer

One file responsible for defining all web components (you load them using URL query parameters)

javascript library web-components web-components-library

Last synced: 12 May 2026

https://github.com/tkngaejcpi/peeker

a web component that provides a preview window of your content, without complex config

lit-element typescript web-components

Last synced: 17 Feb 2026

https://github.com/vaadin/incubator-popup

<incubator-popup> is a Web Component providing an easy way to hide extra content from your webpage and show them to the user whenever they need them.

customelements polymer popup web-components webcomponents

Last synced: 14 Jan 2026

https://github.com/codewithkyle/router

A lightweight lazy loading declarative routing library for Web Components.

javascript-library lazy-loading lightweight routing single-page-app web-components

Last synced: 18 May 2026

https://github.com/bookedsolidtech/helix

HELiX — 72-component enterprise web component library built with Lit 3.x and TypeScript. WCAG 2.1 AA compliant, W3C design tokens, Storybook 10, Drupal-ready. Includes Custom Elements Manifest for AI-assisted development via MCP.

accessibility ai-tools component-library css-custom-properties custom-elements custom-elements-manifest design-system design-tokens drupal enterprise healthcare lit mcp monorepo shadow-dom storybook turborepo typescript wcag web-components

Last synced: 08 May 2026

https://github.com/hfxbse/dhbw-web-engineering

Project implementation for the 2023 "Web-Engineering 1" lecture held by Spörl

dhbw dhbw-stuttgart web-components

Last synced: 04 May 2026

https://github.com/ucsc/truss

Web components for branded UC Santa Cruz websites and applications

components stencil stenciljs ui web-components

Last synced: 08 Apr 2026

https://github.com/dschau/gatsby-plugin-stencil

POC of a Stencil + Gatsby plugin

gatsby javascript poc react stencil web-components

Last synced: 04 May 2026

https://github.com/kherrick/postview

An adventure in C# on Linux, using Visual Studio Code and Blazor.

blazor web-assembly web-components

Last synced: 04 May 2026

https://github.com/dreammmr/paper-accordion

Polymer 1.0 component for the accordion [pure javascript, no libraries].

accordion paper-elements polymer polymer-element web-components

Last synced: 11 Mar 2026

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

youtube playlist search web component

ui web-components youtube youtube-channel youtube-playlist

Last synced: 20 Feb 2026

https://github.com/kenwuuu/pencil-it-in-web

pencil it in is the first shared calendar built for friends, not meetings

alpinejs daisyui html htmx javascript supabase tailwindcss typescript web-components

Last synced: 15 Oct 2025

https://github.com/bahrus/ob-session

Make storing objects in SessionStorage easier and faster.

sessionstorage web-component web-components

Last synced: 05 May 2026

https://github.com/steveblue/custom-elements

A project for building Web Components with TypeScript Decorators

custom-elements customelements decorators javascript shadow-dom typescript web-components webcomponents

Last synced: 05 May 2026

https://github.com/prantlf/piwo

Pico Web Components. Experimental web components. A demonstration of the technology rather than a library for building applications. But that may change :-)

web-components

Last synced: 05 Feb 2026

https://github.com/ryanmorr/elemental

A functional approach to creating autonomous custom elements

custom-elements dom functional javascript ui web-components

Last synced: 08 May 2026

https://github.com/schalkneethling/rainbow-css-color-cafe

A little web app to help you find your next favorite named CSS color - with love and web components

css html javascript web-components

Last synced: 30 Apr 2026

https://github.com/fellwork/aihu

Durable Web Components your AI agent can read and drive — not disposable UI it generates. Author SFCs; a Rust compiler emits standards-based custom elements with MCP + llms.txt baked in.

agent-native ai-agents custom-elements generative-ui mcp meta-framework reactive ssr web-components web-framework

Last synced: 12 Jun 2026

https://github.com/erickpetru/cps-elements-example-webpack

Um modelo de configuração mínima demonstrando como importar componentes CPS Elements com Webpack como empacotador do projeto.

web-components webpack

Last synced: 06 May 2026

https://github.com/goldenraphti/css-playground

playgrund to explore, test and play with some new CSS features

css experiments js web web-components

Last synced: 08 Apr 2026

https://github.com/stencil-community/stencil-react-output-target

React component wrappers for Stencil web components using @lit/react.

lit react stenciljs stenciljs-output-target web-components

Last synced: 06 May 2026

https://github.com/rizzfar/anagram

ini adalah implementasi pencarian anagram menggunakan algoritma permutasi Steinhaus-Johnson-Trotter. Algoritma ini digunakan untuk menemukan semua kemungkinan permutasi dari suatu kata.

anagram javascript web-components

Last synced: 20 Jun 2025

https://github.com/brentgreeff/zero_framework_manifesto

Trying out html imports, templates and custom elements

javascript web-components

Last synced: 19 May 2026

https://github.com/alexdaz/pokedex-htmx

A simple web project made in htmx, Lit and Spring Boot.

htmx htmx-app java java-21 lit pokemon pokemon-api spring-boot web-components

Last synced: 07 May 2026

https://github.com/muxfm/ui

🧰 Web/React/Vue/Svelte components for podcast feed and episodes

podcast react static-site svelte vue web-components

Last synced: 07 May 2026

https://github.com/kasundularaam/ceylon-handicraft

🏺 E-commerce marketplace for Sri Lankan handicrafts built with Flash Feather framework. Features AI assistant, auction system, and UID-based component architecture. Portfolio demonstration of LLM-friendly web development patterns.

ai-assistant auction-system css-variables cultural-preservation ecommerce fastapi flash-feather gemini-ai handicrafts jwt-authentication lit-js llm-friendly marketplace portfolio-project python responsive-design sqlite sri-lanka uid-system web-components

Last synced: 10 Apr 2026

https://github.com/jgluhov/gauge

Gauge can be seen at

graphics svg typescript web-components

Last synced: 16 May 2026

https://github.com/u2ui/u2

HTML Advanced: More Capabilities, Same Feel, Same Simplicity

component-library design-system pattern-library ui-toolkit web-components

Last synced: 25 Feb 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