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-17 00:27:59 UTC
- JSON Representation
https://github.com/georapbox/mutation-observer-element
A custom element that offers a declarative interface to the MutationObserver API.
custom-elements web-components
Last synced: 03 Feb 2026
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/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/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/chrisrobison/mindgraph
Framework-free, browser-native visual graph workbench for modeling and running AI workflows with Web Components and a lightweight event architecture.
ai-workflows browser-native event-driven graph-editor javascript web-components
Last synced: 28 May 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/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/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/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/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/maritzstl/mtz-ajax-interceptor
A group of elements to support intercepting ajax requests for injecting headers or handling responses globally.
injecting-headers interceptor polymer web-components
Last synced: 12 Jun 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/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/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/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/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/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/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/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/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/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/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/gringonivoli/wop-toasty
Web Component built with Stencil to Show Dan Forden's Toasty from Mortal Kombat.
stencil stenciljs stenciljs-components web-component web-components webcomponent webcomponents
Last synced: 11 Apr 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/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/metaory/meta-vanilla-web-component
Vanilla JS Web Components Demo
challenge coding-challenge css demo demo-app es6 html javascript micro-framework poc vanilla-javascript web-components webcomponents
Last synced: 13 Apr 2026
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/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/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/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/bahrus/xtal-element
Opinionated Web Component Helpers
custom-elements duality-paradox web-component web-components webcomponent webcomponents webcomponents-framework
Last synced: 23 Oct 2025
https://github.com/niekes/beautiful-backgrounds
The "Beautiful Backgrounds" library offers a collection of customizable web components designed to enhance web pages with visually appealing animated backgrounds. Easy to integrate and use, these components are perfect for adding dynamic and interactive elements to your web applications.
ambient animated-background animation background background-effects beautiful-backgrounds canvas canvas-animation custom-elements dynamic-background html5-canvas interactive-background star-field typescript vfx visual-effects web-components
Last synced: 05 May 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/sidvishnoi/latest-commit
Track changes at specific GitHub URLs, without the need to visit them at GitHub every time.
github-api latest-version vanilla-javascript web-components
Last synced: 17 Apr 2026
https://github.com/nfreear/elements
A collection of useful custom elements.
custom-elements es6 web-components
Last synced: 08 Mar 2026
https://github.com/brightspace/d2l-hypermedia-constants
browser polymer web-components
Last synced: 05 Mar 2026
https://github.com/leoneck/eck-autocomplete
Autocomplete web component. Suggests options for an input.
Last synced: 10 Apr 2025
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/serenity-js/serenity-js-playwright-ct-web-components-template
Test your Lit and native web components with Serenity/JS and Playwright Test
component-testing lit playwright template web-components
Last synced: 05 Sep 2025
https://github.com/itsmaheshkariya/a1
A1 Is Javascript Micro framework for rapid API Development
deno framework rest-api server typescript web-components web-elements
Last synced: 13 Apr 2026
https://github.com/mirko-san/mclock
It is stylish clock of Web Components. Use Lit.
Last synced: 15 May 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/chase-moskal/magical
web toolkit for lit apps
lit-element lit-html web-components
Last synced: 18 May 2026
https://github.com/nebo15/react-nebo15-components
React components
components react react-components ui-components web-components
Last synced: 07 May 2025
https://github.com/imerljak/react-cropper-2
A modern React wrapper for CropperJS 2.x
cropper cropperjs image-cropping image-editor react react-component react-hooks typescript web-components
Last synced: 18 Apr 2026
https://github.com/jens-ox/tailwind-components
Framework-agnostic Tailwind UI elements using Web Components
lit-html tailwindcss tailwindui web-components
Last synced: 10 Apr 2026
https://github.com/bahrus/be-adoptive
be-adoptive allows Shadow DOM to inherit styles from the parent element.
custom-element custom-elements shadow-dom stylesheets web-component web-components
Last synced: 19 Apr 2026
https://github.com/aztack/aztec-ui
An UI Framework for Electron/NW.js Desktop Apps
electron framework-agnostic node-webkit nwjs ui-components web-components
Last synced: 21 Apr 2026
https://github.com/jshimkoski/custom-elements
The Complete Web Components Framework. Ultra-powerful, type-safe runtime for fast, reactive, and maintainable web components.
components-framework custom-elements frontend reactive typescript ui web-components
Last synced: 25 Apr 2026
https://github.com/2kabhishek/user-card-wc
Reusable user profile component 👧🏻👦🏻
frontend module user-profile web-components
Last synced: 21 Apr 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/schalkneethling/neo-shadow-html
The HTML, CSS, and JavaScript counterpart to NeoShadow Astro
html javascript web-components
Last synced: 20 Feb 2026
https://github.com/1000ch/fluid-iframe
Web Components which provides fluid width <iframe>.
Last synced: 29 Oct 2025
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/oma-wc/oma
a framework independent web components library
component-library hacktoberfest haunted lit-html web-components
Last synced: 05 Oct 2025
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/ricardocasares/using-custom-elements
Start using Custom Elements
custom custom-elements elements w3c-specification web-components
Last synced: 25 Apr 2026
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/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/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/basement2/ray-marching
Embedding ray marching in html files only
glsl ray-marching web-components webgl
Last synced: 27 Apr 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/geocine/bubble-component
bubble chat component built with Stencil
Last synced: 19 Jan 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/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/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/userfront/toolkit
Pre-built signup forms and login forms by Userfront
auth authentication javascript jwt react vue web-components
Last synced: 30 Mar 2025
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/sneas/x-ray
Display HTML/Web component and show/hide it's code
Last synced: 09 May 2026
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/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/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/ficusjs/ficusjs-testing
Helper functions for web component testing
ficusjs frontend testing web-components
Last synced: 16 Aug 2025
https://github.com/juliendargelos/rollup-plugin-web-components
Import and inject web component styles and templates with rollup
rollup rollup-plugin web-components
Last synced: 12 May 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/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/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/mgrsskls/web-components
Collection of Web Components
css dark-theme html js web-components
Last synced: 03 May 2026
https://github.com/lukethacoder/wasm-web-components-playground
🦀 Building Web Components using Rust (WASM) - no JS here
Last synced: 05 May 2026
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/juliancataldo/astro-template-extensions
An AstroJS adaptation of the Template Extensions (Web Components) examples.
astro custom-elements proposal template-strings w3c web-components
Last synced: 07 May 2026
https://github.com/m4thieulavoie/portfolio
My own open source personal website
javascript lint portfolio sass typescript web-components
Last synced: 04 Oct 2025
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/shystruk/webcomponents-material
Library of reusable Custom elements
custom-elements javascript material-design web-components
Last synced: 20 May 2026
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/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/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/FabricElements/set-up
Base configuration files for Polymer projects and more
polymer web-component web-components
Last synced: 11 Mar 2025
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/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/vicdata4/seed
Lightweight web application based on web-components.
eslint javascript lit-element opensource redux rollup vaadin web-components
Last synced: 11 Apr 2026
