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.
- GitHub: https://github.com/topics/web-components
- Wikipedia: https://en.wikipedia.org/wiki/Web_Components
- Repo: https://github.com/webcomponents
- Created by: Alex Russell
- Released: 2011
- Related Topics: custom-elements, shadow-dom, es-modules, html-templates, html-imports,
- Aliases: webcomponent, web-component, webcomponents,
- Last updated: 2026-06-19 00:31:50 UTC
- JSON Representation
https://github.com/digitalmalayali/radiohub
A free, open-source web template to create an online radio directory.
lightweight lit lit-element lit-html lit-html-template online-radio pwa radio radio-directory radio-station shoelace shoelace-style shoelace-template template web-components web-template
Last synced: 06 Mar 2026
https://github.com/therapychat/twilio-video-call-gui
Polymer element for twilio-video graphic interface
polymer polymer-element twilio twilio-video video web-components webcomponents
Last synced: 18 Aug 2025
https://github.com/danielmatthew/website
This is my website. There are many like it, but this one is mine.
accessibility blog performance personal-website web-components
Last synced: 06 Apr 2025
https://github.com/bahrus/be-definitive
Define a web component declaratively.
custom-element custom-elements declarative-custom-element web-component web-components
Last synced: 04 Mar 2026
https://github.com/ngx-primer/primer-ui
Ngx Primer - A collection of reusable Angular components, modules, and directives designed to help you build beautiful UIs, following the GitHub Primer Design System.
angular angular-components angular-ui-kit component-library design-system modular-design ngx-primer open-source primer-design-system responsive-ui responsive-ui-kit ui-components web-components web-components-library
Last synced: 01 Mar 2026
https://github.com/muratdemirci/anim8-grid
Animated responsive image grid. Zero dependencies. Framework-agnostic.
animation css-grid framework-agnostic frontend image-gallery javascript-library responsive typescript web-components zero-dependency
Last synced: 28 May 2026
https://github.com/zyrenth/quantum
Monorepo for Quantum Components and Quantum CLI.
cli quantum-cli react tailwindcss ui ui-components ui-library web web-components zyrenth
Last synced: 15 Feb 2026
https://github.com/vinlemon/window-controls
Web components offering native-like window controls, primarily designed for Tauri 2.
controls linux macos tauri tauri2 web-components window-controls windows
Last synced: 14 Feb 2026
https://github.com/thometnanni/vantage-renderer
Vantage-renderer is an open-source 3D projection renderer built with Three.js. It provides a modular framework for projecting media (images and videos) onto 3D environments using custom web components. Designed for fact-checkers, investigative journalists, and OSINT practitioners.
investigative-journalism osint photomatching threejs web-components
Last synced: 03 Mar 2025
https://github.com/nonsalant/fixed-podcast-player
Web Component for a sticky audio player and its Play button
audio-player mp3-player podcast ui vanilla-javascript web-components
Last synced: 02 May 2026
https://github.com/morganney/web-component-best-practices
Some best practices regarding web component architecture, development, building and publishing.
css html javascript web-components
Last synced: 27 May 2026
https://github.com/searchcraft-inc/searchcraft-javascript-sdks
Monorepo containing framework-specific JavaScript SDKs for use in front-end consuming applications of Searchcraft.
javascript react sdk search search-engine searchcraft typescript vue web-components
Last synced: 27 Feb 2026
https://github.com/guiseek/easy-element
Easy Custom Elements
custom-elements easy element hacktoberfest html javascript kiss simple typescript web-components
Last synced: 02 May 2026
https://github.com/devboidesigns/devboi-test-component
Lit DOM Elements. ๐ Example Repository to document how to create and publish web components with Lit & Vite
lit npm-package vite web-components
Last synced: 16 Feb 2026
https://github.com/kherrick/news-summary
A variety of tech related news summarized regularly.
custom-elements gpt-4o html machine-learning news-summarization progressive-web-app pwa web-components
Last synced: 30 Jun 2025
https://github.com/aelbore/rollup-plugin-inline-custom-elements-ts
Rollup plugin to inline templateUrl and styleUrl for custom-element-ts library
custom-element inline plugin rollup web-components
Last synced: 09 Feb 2026
https://github.com/svalit/svalit
๐ฆ SSR Vanilla Async @Lit
async esm isomorphic lit lit-element ssr web-components
Last synced: 15 Apr 2026
https://github.com/georapbox/a-tab-group
A custom element to create a group of tabs and tab panels.
custom-elements tab-group tab-panel tabs web-components
Last synced: 15 Apr 2025
https://github.com/aaronksaunders/stencil-starter
Sample application using stenciljs with ionic4 components and stencil-redux
frontend-framework ionic-framework redux stencil stencil-js stencil-redux web-components
Last synced: 09 May 2026
https://github.com/georapbox/web-share-element
A custom element that implements the Web Share API to share user-defined data.
custom-elements web-components
Last synced: 15 Apr 2025
https://github.com/tostaylo/front-end-framework-bench
Automated browser rendering performance benchmarking suite for front-end frameworks. Results -> https://tostaylo.github.io/front-end-framework-bench-viewer/
automated-testing framework framework-bench puppeteer react rust rust-wasm svelte vue web web-components
Last synced: 29 Jan 2026
https://github.com/vicdata4/seed
Lightweight web application based on web-components.
eslint javascript lit-element opensource redux rollup vaadin web-components
Last synced: 11 Apr 2026
https://github.com/fescii/pau
This project is a web component-based user interface for displaying video reels. It is built using HTML, JavaScript, and CSS.
css3 html5 reels web-components
Last synced: 17 Feb 2026
https://github.com/matuzalemsteles/metal-parcel-example
Minimum viable Metal app with Parcel Bundler
metaljs parcel parcel-bundler web-components
Last synced: 02 May 2026
https://github.com/rodrigotomees/react-jsx-html-comments
Enable HTML comments and conditional IE comments in React components and JSX using a Web Component (W3C Custom Element).
customelement html html-comments javascript jsx npm npm-package react web-components webcomponent webcomponents
Last synced: 22 Mar 2025
https://github.com/capjamesg/stories.js
A HTML component that enables stories on your personal website.
html javascript stories web-components
Last synced: 01 May 2026
https://github.com/vanillawc/wc-csv-table
A vanilla web component to present CSV as a HTML table
csv table vanilla web-components
Last synced: 14 Feb 2026
https://github.com/vrugtehagel/yozo
A custom element library for simple, robust and readable components
framework library no-build tiny web-components yozo
Last synced: 05 Jan 2026
https://github.com/otter-player/otter-player
Its cute just like an Otter
accessibility audio customizable dash hls html javascript media otter-player player streaming ui video web-components
Last synced: 25 Oct 2025
https://github.com/knowler/custom-element-lifecycle-element
A custom element for learning about the lifecycle of custom elements
custom-elements web-components
Last synced: 03 Apr 2025
https://github.com/eugenioenko/oidc-js
Drop-in OIDC authentication for every JavaScript framework. Zero dependencies. React, Vue, Svelte, Angular, Solid, Preact, Lit.
angular authentication identity javascript jwt lit oauth oauth2 oidc openid-connect pkce preact react solidjs sso svelte typescript vue web-components
Last synced: 08 Jun 2026
https://github.com/nucoui/chatora
Transcends Framework boundaries JSX Web Components
chatora chatorajs custom-elements jsx micro-component micro-frontend reactive web-components
Last synced: 09 Mar 2026
https://github.com/sofiane-abou-abderrahim/javascript-web-components-tooltip
This is a little JavaScript demo application built with web components. Indeed, I developped my own custom element to created a tooltip feature. For that, I used several functionalities, such as class, shadow dom, connected callback, disconnected callback, styling inside shadow dom, slot, template, attribute changed callback, shadow dom projection.
attribute-changed-callback connected-callback custom-elements disconnected-callback javascript lifecycle shadow-dom slot template web-components
Last synced: 29 Apr 2026
https://github.com/byuweb/byu-person-lookup
A Web Component to look up a person, display a list of possible matches, and fire an event when a person is selected from a list.
Last synced: 23 Jan 2026
https://github.com/cloudtasks/image
Allows you to serve highly optimized images to your apps.
angular angularelements cloudtasks image image-optimization image-processing images opencv react vue web-components webcomponents
Last synced: 27 Aug 2025
https://github.com/codingchili/lifx-circadian
Control LIFX lamps using cron expressions with the LAN protocol for polyphasic sleep
lifx lifx-lan-protocol polyphasic python web-components
Last synced: 20 Jan 2026
https://github.com/alefesouza/talk-vanilla-wc
Code of my Web Components with Vanilla.js talk.
Last synced: 29 Oct 2025
https://github.com/geotrev/bulba
An intuitive, deterministic, and extendable web component base class.
component component-library components custom-elements javascript web web-component web-components
Last synced: 11 May 2026
https://github.com/shystruk/webcomponents-material
Library of reusable Custom elements
custom-elements javascript material-design web-components
Last synced: 20 May 2026
https://github.com/chrisburnell/theme-selector
A Web Component to set a site-wide theme preference using a native select element, saved to local storage.
component components custom-element custom-elements customelement customelements web-component web-components webcomponent webcomponents
Last synced: 26 Jan 2026
https://github.com/stefanhuber/simon-game
Simon Game
simon-game stenciljs typescript web-components
Last synced: 12 Apr 2025
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/internetarchive/ia-icons
SVG icons and ia-icon components
icons lit-element svg web-components
Last synced: 01 Mar 2026
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/jgarber623/remote-template
A dependency-free Web Component that fetches a URL and appends the response to a <template>.
custom-elements customelements fetch-api html-template web-components webcomponents
Last synced: 21 Mar 2025
https://github.com/adapt-ux/neuro-ux-sdk
Adaptive UX toolkit for neurodivergent-friendly interfaces. Framework-agnostic, research-driven, and fully customizable.
a11y accessibility adaptive-ui adaptive-ux design-tokens framework-agnostic heuristics inclusive-design javascript lit neurodivergent neurodiversity scss signals typescript user-experience ux-patterns ux-research web-components
Last synced: 14 Apr 2026
https://github.com/kcmr/create-lit-component
A minimal generator for LitElement Web Components โโ npm init kcmr/lit-component
cli generator lit-component litelement oclif parceljs scaffold web-components
Last synced: 20 Jan 2026
https://github.com/detroja-jenish/web-ui-components
This repo for cool Web Ui Components with layouting, trendy hover transition
3d-animation animation bentobox css-flexbox css-grid css3 dom-manipulation hover-effects html5 javascript particle-effect transition ui-components web web-components
Last synced: 19 Feb 2026
https://github.com/whoisryosuke/gatsby-preact-web-component-test
Starter template for Gatsby + Preact + Web Components
gatsbyjs preact template web-components
Last synced: 09 Apr 2026
https://github.com/codingchili/bitcoin-explorer
Just another blockchain explorer in Python with asyncio/aiohttp and Web Components.
aiohttp asyncio bitcoin blockchain bunny-components javascript python web-components
Last synced: 12 Apr 2026
https://github.com/bahrus/nomodule
Make ES6 module scripts more convenient.
currentscript custom-element custom-elements custom-elements-ts custom-elements-v1 ish web-component web-components webcomponent webcomponents
Last synced: 29 Apr 2026
https://github.com/geocine/bubble-component
bubble chat component built with Stencil
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/basement2/ray-marching
Embedding ray marching in html files only
glsl ray-marching web-components webgl
Last synced: 27 Apr 2026
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/patkub/bs4-polymer
Bootstrap 4 elements and shared styles for Polymer 2
bootstrap polymer web-components
Last synced: 07 Mar 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/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/jgarber623/under-construction
A dependency-free Web Component that generates OSHA-compliant barricade tape.
custom-elements customelements web-components webcomponents
Last synced: 08 Oct 2025
https://github.com/milesonerd/closure-next
Closure Library rewritten in TypeScript
angular closure closure-library closure-next cypress javascript jest milesonerd nextjs nodejs react rollup sveltejs typescript vite vuejs wasm web-components webassembly webpack
Last synced: 23 Apr 2025
https://github.com/jeffreyquan/slide-panel
Slide Panel Web Component
javascript rollup scss typescript web-components
Last synced: 30 Oct 2025
https://github.com/funkeeflow/wc-accordion
A vanilla, a11y ready web component for your basic accordion needs. Small, simple, nothing more.
a11y accordion custom-elements vanilla-js web-components
Last synced: 15 May 2026
https://github.com/melhosseiny/sourdough
Compose user interfaces without frameworks
Last synced: 16 Feb 2026
https://github.com/domiot-io/iot-elements-node
Collections of HTML/DOM elements for IoT systems by domain (home, retail, hospitality, etc.).
dom domiot elements home-automation html iot iot-system nodejs smart-building web-components
Last synced: 14 Jul 2025
https://github.com/vigzmv/reddit-gallery
#useThePlatform. Reddit reader made with Web components and JavaScript magic
javascript reddit usetheplatform web-components
Last synced: 25 Apr 2026
https://github.com/ricardocasares/using-custom-elements
Start using Custom Elements
custom custom-elements elements w3c-specification web-components
Last synced: 25 Apr 2026
https://github.com/kinngh/polaris-react-to-wc-codemod
[WIP] Migrate Polaris React to Web Components
polaris-react react shopify shopify-polaris web-components
Last synced: 12 Oct 2025
https://github.com/ficusjs/ficusjs-renderers
Minified ES module renderers for FicusJS
css ficusjs frontend htm lit-html preact uhtml web-components
Last synced: 07 Oct 2025
https://github.com/sandy98/chess-board
ChessBoard as a web component, meant to be used with any framework (Vue, React, Angular, even none). Compiled with Stencil.js. See demo at:
chess chess-board chessboard javascript web-components
Last synced: 06 May 2026
https://github.com/uiwebkit/localize
Uni Localize
custom-elements html javascript languages localization localizations localize micro-frontend microfrontend stencil stenciljs translate translation typescript web web-components webcomponents widget
Last synced: 07 May 2026
https://github.com/florianfe/wikipedia-desktop-app
๐๐ A small app that uses the inofficial wikipedia API
polymer web-components wikipedia-desktop
Last synced: 18 May 2026
https://github.com/gthmb/scatter-image
A Polymer 2.0 Custom Element providing a scattered image drawing effect
image-effects polymer-element polymer2 web-components
Last synced: 06 Oct 2025
https://github.com/kingoftac/houdini-components
Experiments with wrapping css houdini apis in reusable web components.
css houdini layout-worklet paint-worklet typescript web-components
Last synced: 09 May 2026
https://github.com/doganozturk/web-components
Zeetup - Web Components Workshop Repo
custom-elements javascript lit-element shadow-dom web-components
Last synced: 25 Apr 2026
https://github.com/dakirchik/simplepwa
Modern framework for creating adaptive, reactive Progressive Web Applications (PWA) with offline support. Built on Web Components with easy IndexedDB integration, responsive routing, and a reactive store for offline-first applications.
adaptive cli indexeddb manifest offline offline-first progressive-web-app pwa reactive routing store web-components
Last synced: 18 May 2026
https://github.com/fabricelements/set-up
Base configuration files for Polymer projects and more
polymer web-component web-components
Last synced: 24 Apr 2026
https://github.com/leoneck/wc-split-demo
Web Component split into .ts, .html, and .scss files
Last synced: 17 May 2026
https://github.com/riverside/zino-grid
:tv: Autonomous open source grid component
customelements ecmascript2015 ecmascript6 es6 grid grid-table gridtable javascript shadowdom table tablegrid web-components webcomponent webcomponents
Last synced: 17 May 2026
https://github.com/lume/eventful
A class (or mixin) whose instances emit events that external code can subscribe to.
3d 3d-graphics css custom-elements emit-events event-driven event-emitter eventful game-dev game-engine graphics html lume threejs web-components webgl
Last synced: 18 Jan 2026
https://github.com/FabricElements/set-up
Base configuration files for Polymer projects and more
polymer web-component web-components
Last synced: 11 Mar 2025
https://github.com/angelojbgama/guiamestre.js
Biblioteca JavaScript para criar tours interativos em sites, destacando elementos e exibindo tooltips personalizados com texto e imagens. Facilita o onboarding de usuรกrios e a descoberta de funcionalidades com navegaรงรฃo intuitiva
animation component-library documentation frontend guiamestrejs guide interactive javascript library open-source responsive tooltip tour tutorial ui user-experience user-onboarding ux web-components web-development
Last synced: 08 May 2026
https://github.com/aelbore/inline-lit-element-loader
Webpack loader to inline LitElement external styles and decorators
css custom-elements inline-styles lit-element lit-html plugin sass scss styles web-components webpack
Last synced: 21 Jan 2026
https://github.com/kieranbarker/dice-component
A web component for interactive "roll a die" buttons.
vanilla-js vanilla-js-academy web-components
Last synced: 11 Mar 2025
https://github.com/georapbox/files-dropzone-element
A custom element that creates a drag and drop zone for files.
custom-elements dropzone web-components
Last synced: 31 Oct 2025
https://github.com/parent-tobias/chord-component
A lit-based custom web component for displaying SVG chords via a simple interface
guitar-chords music-theory ukulele-chords web-components
Last synced: 12 May 2026
https://github.com/se-gl/codn
Sustainable and lightweight react components based on the greenCSS style guide. SSR ready.
accordion green-software input javascript-framework javascript-library modal nextjs react react-component react-component-library react-components ssr sustainability web-component web-components web-components-library
Last synced: 13 Apr 2026
https://github.com/codesue/io
๐ A mini Python REPL web component
pyodide python repl web-components
Last synced: 14 Feb 2026
https://github.com/seanpm2001/mailos_web_docs
๐๏ธ๐ซ๏ธ๐ง๏ธ๐ด.๐ธ๐ฃ๏ธ๐๏ธ The official documentation source repository for web components of the MailOS operating system.
docs documentation email-operating-system gpl3 gplv3 mail-operating-system mailos mailos-development mailos-docs mailos-documentation mailos-project mailos-web mailos-web-development mailos-web-docs mailos-web-documentation mailos-web-project markdown-lang markdown-language web-components web-mode
Last synced: 22 Feb 2026
https://github.com/nicejade/micro-web-component
๐ Micro web component used to show miniprogram code. https://nicelinks.site/
miniprogram rollup web-components webapp website
Last synced: 21 Apr 2026
https://github.com/1000ch/fluid-iframe
Web Components which provides fluid width <iframe>.
Last synced: 29 Oct 2025