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/github/g-emoji-element
Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.
custom-elements emoji web-components
Last synced: 08 Apr 2025
https://github.com/polight/lego
๐ Low-Tech Web-Components Made Lightweight & Future-Proof.
custom-elements customelements dom es7 frontend future-proof html-modules javascript js-modules native polymer reactive reactjs vanilla-js virtual-dom vuejs w3c web-components web-standards webcomponents
Last synced: 12 Apr 2025
https://github.com/handsontable/hot-table
Handsontable - Best Data Grid Web Component with Spreadsheet Look and Feel.
data-grid data-table dynamic-table excel grid polymer polymer-element spreadsheet table web-components
Last synced: 05 Apr 2025
https://github.com/phase2/outline
Tooling infrastructure for modern web component development.
components components-library design-system hacktoberfest javascript lit lit2 outline storybook tailwindcss typescript web-components
Last synced: 05 Apr 2025
https://github.com/43081j/eslint-plugin-lit
lit-html support for ESLint
eslint eslintplugin hacktoberfest lit polymer web-components
Last synced: 09 Feb 2026
https://github.com/finastra/finastra-design-system
The Finastra Design System provided as a theme and components library
components css design-system design-tokens finance fintech sass theme ui ux-design web-components
Last synced: 15 May 2025
https://github.com/rocketcommunicationsinc/astro
Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.
astrouxds design-system ground-resource-management satellite-tracking space-force stenciljs ussf web-components
Last synced: 16 May 2025
https://github.com/dunks1980/bay.js
An easy to use, lightweight library for web-components.
components library web-components
Last synced: 17 Mar 2025
https://github.com/11ty/eleventy-plugin-webc
Adds support for WebC *.webc files to Eleventy
custom-elements eleventy web-components
Last synced: 16 May 2025
https://github.com/ithaka/pharos
JSTOR's design system
ithaka-owner-pharos jstor lit lit-element lit-html pharos web-components
Last synced: 13 May 2025
https://github.com/PolymerLabs/polydev
Automatic web components profiling in chrome devtools
chrome-devtools chrome-devtools-extension chrome-extension performance-metrics polymer profiling web-components
Last synced: 16 Nov 2025
https://github.com/Polight/lego
๐ Low-Tech Web-Components Made Lightweight & Future-Proof.
custom-elements customelements dom es7 frontend future-proof html-modules javascript js-modules native polymer reactive reactjs vanilla-js virtual-dom vuejs w3c web-components web-standards webcomponents
Last synced: 02 Aug 2025
https://github.com/github/file-attachment-element
Attach files via drag and drop or file input.
custom-elements keep web-components
Last synced: 16 May 2025
https://github.com/fernandopasik/lit-redux-router
Declarative way of routing for lit-html powered by pwa-helpers, redux and lit-element
lit lit-element lit-elements redux router routing web-component web-components web-components-library
Last synced: 16 May 2025
https://github.com/web-padawan/vanilla-hamburger
Animated hamburger menu icons for modern web apps (1.8 KB) ๐
burger custom-elements hamburger hamburger-menu vanilla web-components webcomponents
Last synced: 05 May 2025
https://github.com/davatron5000/podcast-player
An audio web component for podcasts
Last synced: 23 Apr 2025
https://github.com/mumuy/calendar
ไธๅนดๅ็ปไปถ - ้ด้ณๅ/ๅๅๅ ฌๅๆข็ฎ/่ๆฅ/ๅคฉๅนฒๅฐๆฏ/็่ๅฑ็ธ_Chinese lunar calendar and Gregorian calendar conversion tool
calendar lunar solar web-components
Last synced: 12 May 2025
https://github.com/github/typing-effect-element
A custom element that shows text as if it were being typed
custom-elements keep web-components
Last synced: 10 Apr 2025
https://github.com/abraham/nutmeg
Build, test, and publish vanilla Web Components with a little spice
cli custom-elements hacktoberfest javascript karma lit-element lit-html shadow-dom typescript web-components webcomponents webpack
Last synced: 15 Dec 2025
https://github.com/RedHat-UX/red-hat-design-system
Red Hat's Design System
design-system design-systems hacktoberfest redhat web-components
Last synced: 13 May 2025
https://github.com/vanillawc/wc-monaco-editor
A vanilla Monaco Editor web component
editor monaco vanilla web-components
Last synced: 04 Apr 2025
https://github.com/festify/fit-html
๐ช Combining web components + lit-html + redux (3KB)
Last synced: 24 Oct 2025
https://github.com/RocketCommunicationsInc/astro
Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.
astrouxds design-system ground-resource-management satellite-tracking space-force stenciljs ussf web-components
Last synced: 14 Mar 2025
https://github.com/symbiotejs/symbiote.js
Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.
custom-elements framework frontend html javascript micro-frontends web-components webcomponents widgets
Last synced: 05 Mar 2026
https://github.com/carbon-design-system/ibm-products
A Carbon-powered React and Web Component library for IBM Products
carbon-design-system design-system hacktoberfest ibm-products javascript react scss web-components
Last synced: 29 Apr 2026
https://github.com/redhat-ux/red-hat-design-system
Red Hat's Design System
design-system design-systems hacktoberfest redhat web-components
Last synced: 06 Apr 2025
https://github.com/webreflection/uce-template
A Vue 3 inspired Custom Elements toolless alternative.
components components-and-templates web web-components
Last synced: 12 Sep 2025
https://github.com/raystubbs/zero
Build Web UIs in ClojureScript
clojure clojurescript front-end web-components
Last synced: 21 Oct 2025
https://github.com/michael-klein/funcy.js
funcy.js - a functional web components wrapper
functional web-components webcomponents
Last synced: 25 Apr 2025
https://github.com/matraic/m3e
Material 3 Expressive Web Components
lit material-3-expressive material-design material-you material3 web web-components
Last synced: 26 Apr 2026
https://github.com/codelv/enaml-web
Build interactive websites with enaml
enaml lxml python web web-components
Last synced: 12 Apr 2025
https://github.com/nativew/nativeweb
๐คณ Tiny library for simple web components. [1kB]
components framework javascript js native-web web-components
Last synced: 12 Jun 2026
https://github.com/web-padawan/aybolit
Lightweight web components library built with LitElement.
bootstrap bulma custom-elements lit-element material web-components webcomponents
Last synced: 08 Oct 2025
https://github.com/web-padawan/polymer3-webpack-starter
Polymer 3 starter built with Vaadin components and Vaadin.Router library, using webpack and modern tools
pwa-boilerplate pwa-example starter-kit web-components webcomponents webpack-boilerplate
Last synced: 13 May 2025
https://github.com/feross/bg-sound
Web Component to emulate the old-school <bgsound> HTML element
background bgsound html html-element javascript midi sound web-components
Last synced: 02 Mar 2026
https://github.com/vidstack/examples
Examples on how to use Vidstack with your favourite JS and CSS libraries.
audio hls player react solid-js svelte tailwindcss typescript video vue web-components
Last synced: 07 May 2025
https://github.com/web-padawan/webcomponents.today
A curated collection of Web Components resources.
custom-elements customelements shadow-dom shadowdom web-components webcomponents
Last synced: 14 Apr 2025
https://github.com/sindresorhus/gulp-vulcanize
Concatenate a set of Web Components into one file
concatenate deprecated gulp-plugin javascript nodejs polymer vulcanize web-components
Last synced: 27 Sep 2025
https://github.com/baloise/design-system
The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
bulma-css components design-system hacktoberfest stenciljs web-components
Last synced: 08 Apr 2025
https://github.com/kjantzer/bui
โนBโบ Web components, classes, and utilities for creating single-page PWAs โ built with Lit by Blackstone Publishing
buildwithlit custom-elements design-system javascript lit lit-element lit-html lit-html-element ui-components ui-framework ui-library web-components webcomponents
Last synced: 05 Apr 2025
https://github.com/jahilldev/component-elements
Create a custom element from any component with these tiny functions (2KB GZipped, ~1KB Brotli). Preact and React currently supported
components custom-elements hydration javascript jsx library lightweight nodejs partial-hydration preact react ssr tsx typescript utility vue web-components
Last synced: 15 Sep 2025
https://github.com/ivteplo/html-sheet-element
HTML Custom Element for Creating Sheets
bottom-sheet components css html html-custom-elements javascript pure-javascript sheet ui-components web-components web-components-api
Last synced: 05 Apr 2025
https://github.com/gugadev/storify
Instagram/Whatsapp stories clone built on Web Components and Web Animations API. ๐ฅ
custom-elements javascript postcss typescript web-animations web-animations-api web-components webpack
Last synced: 09 Apr 2025
https://github.com/the-road-to-learn-react/use-custom-element
Custom hook to bridge Custom Elements (Web Components) to React.
custom-element custom-elements react react-hook react-hooks reactjs web-component web-components
Last synced: 09 Sep 2025
https://github.com/sinedied/svelte-web-components-template
A base template for building a shareable web components library with Vite, Svelte and TypeScript.
components custom-elements library svelte template vite web-components
Last synced: 22 Jul 2025
https://github.com/Matsuuu/custom-elements-language-server
Custom Elements Language Server provides useful language features for Web Components. Features include code actions, completions, diagnostics and more.
custom-elements customelements web-components webcomponents
Last synced: 16 Jul 2025
https://github.com/friedricenoodles/banana-ui
ๅบไบWeb Components๏ผ่ทจๆกๆถๅฏ็จ็็ฐไปฃๅ็ปไปถๅบใhttps://banana-ui.com
components html javascript lit react typescript ui-library web-components webcomponents
Last synced: 05 Apr 2025
https://github.com/nylas/components
UI building blocks to add email, calendar, and contacts to your app in minutes.
agenda calendar composer contact-list lerna scheduler svelte web-components
Last synced: 23 Jun 2025
https://github.com/zachleat/filter-container
Filtering visible child elements based on form field values.
Last synced: 05 Apr 2025
https://github.com/eavichay/showroom
Universal development and automated test environment for web components
automation bdd client-side javascript server-side tdd test-tools testing testing-tools web-components
Last synced: 13 Jun 2025
https://github.com/matsuuu/custom-elements-language-server
Custom Elements Language Server provides useful language features for Web Components. Features include code actions, completions, diagnostics and more.
custom-elements customelements web-components webcomponents
Last synced: 23 Oct 2025
https://github.com/WeAreGenki/minna-ui
๐ธ A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 22 Mar 2025
https://github.com/wearegenki/minna-ui
๐ธ A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 07 Apr 2025
https://github.com/socketsupply/components
Example Components (Built with Tonic)
cba component-library components jam jamstack minimal minimalist ui ui-components ui-design ui-router web-components
Last synced: 20 Aug 2025
https://github.com/jinntec/fore
Fore - declarative user interfaces in plain HTML
fontoxpath form json validation web-components xml
Last synced: 09 Apr 2025
https://github.com/github/remote-input-element
An input element that sends its value to a server endpoint and renders the response body.
custom-elements web-components
Last synced: 12 Apr 2025
https://github.com/abdonrd/polymerprojects
An open list of projects using Polymer
Last synced: 09 Jul 2025
https://github.com/clhenrick/color-legend-element
A custom element (web component) suitable for use as a legend in data visualizations
custom-elements d3 d3js data-visualization lit-element web-components
Last synced: 26 Apr 2026
https://github.com/mdn/fred
MDN's frontend since late 2025, built with Web Components, Lit, and SSR for a fast, clean documentation experience. Fred = /fr(ont)e(n)d/.
Last synced: 01 Apr 2026
https://github.com/abdonrd/PolymerProjects
An open list of projects using Polymer
Last synced: 14 May 2025
https://github.com/afonsopacifer/web-components-good-practices
:sunglasses::ballot_box_with_check: Good Practices for build Web Components.
a11y performance polymer tests unix-philosophy web-co web-components
Last synced: 28 Jul 2025
https://github.com/humanspeak/svelte-virtual-list
๐ A performant virtual list/scrolling component for Svelte applications - efficiently render large scrollable lists with minimal memory usage
infinite-scroll javascript performance svelte sveltekit typescript ui-components virtual-list virtual-scroll web-components
Last synced: 26 May 2026
https://github.com/Endava/BEEQ
BEEQ Design System, a web component library ruled by Endavan developers :)
component-library components design-system endava endavans stenciljs tailwindcss ui-components web-components
Last synced: 09 May 2025
https://github.com/tram-one/tram-lite
๐ก Declarative HTML library for native web-components
hacktoberfest html javascript web-components
Last synced: 27 Oct 2025
https://github.com/thepassle/webcomponents-from-zero-to-hero
An introduction to writing raw web components.
lit-html litelement vanilla-javascript web-components webcomponents
Last synced: 29 Aug 2025
https://github.com/brightspaceui/core
A collection of accessible, free, open-source web components for building Brightspace applications.
Last synced: 20 May 2026
https://github.com/rocktimsaikia/github-card
Github profile web component that actually looks good
github-card github-profile-card profile-card web-components widget
Last synced: 12 May 2025
https://github.com/andrico1234/a2k
Capture the feel of the early web with A2k, the Windows2000 inspired web component library
css javascript lit storybook web-components
Last synced: 17 Jan 2026
https://github.com/sap/fundamental-tools
Web applications with ABAP, done simple.
abap fast fiori fundamental-library hana-systems javascript microsoft node python sap sap-cloud-platform sap-cloud-sdk sap-nwrfc-sdk toolset typescript web-components
Last synced: 09 Apr 2025
https://github.com/swiip/compo
๐ผCompoยทsing Web Compoยทnents
frontend javascript library ui web-components
Last synced: 16 Mar 2025
https://github.com/granze/flip-clock
A flip clock, timer and countdown made with Polymer
clock countdown polymer polymer2 timer web-components
Last synced: 16 Mar 2025
https://github.com/maverick-js/maverick
Build and ship strongly typed and fast UI component libraries.
custom-elements framework frontend javascript jsx react toolchain typescript ui web-components
Last synced: 26 Jun 2025
https://github.com/BrightspaceUI/core
A collection of accessible, free, open-source web components for building Brightspace applications.
Last synced: 13 May 2025
https://github.com/inovex/elements
Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.
angular components design-system elements inovex-elements interoperability javascript monorepo nx react stencil storybook ui-components vue web-components
Last synced: 17 Mar 2025
https://github.com/gsmlg-dev/phoenix-duskmoon-ui
Duskmoon UI for Phoenix Framework
duskmoon elixir phoenix phoenix-livecomponents web-components
Last synced: 19 Apr 2025
https://github.com/ElMassimo/vue-custom-element-example
An example on how to define custom elements using Vue 3
custom-elements demo tutorial vue vuejs3 web-components web-components-library
Last synced: 16 Jul 2025
https://github.com/duskmoon-dev/phoenix-duskmoon-ui
Duskmoon UI for Phoenix Framework
duskmoon elixir phoenix phoenix-livecomponents web-components
Last synced: 02 Apr 2026
https://github.com/adriancarriger/frosted-glass
โ๏ธ Add a live frosted glass blur effect over any type of web content, including text.
blur frosted-glass stenciljs web-components
Last synced: 02 Apr 2025
https://github.com/mfcc64/wc-helpers
Helpers for Web Components
custom-elements web-components
Last synced: 09 Jul 2025
https://github.com/jgarber623/aria-collapsible
A dependency-free Web Component that generates progressively-enhanced collapsible regions using ARIA States and Properties.
a11y accessibility aria custom-elements customelements web-components webcomponents
Last synced: 12 Apr 2025
https://github.com/vanillawc/wc-markdown
A vanilla Markdown Web Component with optional syntax highlighting support
markdown syntax-highlighting vanilla web-components
Last synced: 04 Apr 2025
https://github.com/sbb-design-systems/lyne-components
Components for Lyne Design System
design-system design-tokens javascript lyne lyne-components lyne-design-tokens sbb-cff-ffs typescript web-components
Last synced: 05 May 2026
https://github.com/andy-blum/fed-embed
A highly customizable, lightweight mastodon feed embed component
fediverse hacktoberfest mastodon web-components
Last synced: 15 Apr 2025
https://github.com/elmassimo/vue-custom-element-example
An example on how to define custom elements using Vue 3
custom-elements demo tutorial vue vuejs3 web-components web-components-library
Last synced: 18 Apr 2025
https://github.com/sl-design-system/components
SL Design System
design-system figma web-components
Last synced: 08 May 2026
https://github.com/geocine/custom-elements-ts
Create native custom elements using Typescript
custom-elements decorators shadow-dom typescript web-components
Last synced: 16 Mar 2025
https://github.com/exadel-inc/esl
Lightweight and flexible UI component library based on web components technology for creating basic UX modules
accordion animate component-library components custom-elements custom-elements-ts embedded-video exadel-martech flexible lightweight scrollbar tabs typescript ui ui-components web-components
Last synced: 28 Apr 2026
https://github.com/petehouston/react-ui-framework
My personal collection of React UI Framework.
hacktoberfest react ui ui-components web-components
Last synced: 30 Apr 2025
https://github.com/humanspeak/svelte-markdown
๐ Fast, lightweight Markdown renderer component for Svelte applications with full CommonMark support
javascript markdown markdown-parser markdown-to-html svelte sveltekit typescript ui-components web-components
Last synced: 05 May 2026
https://github.com/luwes/selectlist-polyfill
Polyfill for the selectlist element
custom-elements polyfill selectmenu web-components
Last synced: 15 Apr 2025
https://github.com/beforesemicolon/cwco
Powerful and Fast Web Component Library with a Simple API
components components-framework components-library css custom-elements cwco html javascript typescript vanilla-js web-component web-components webapp webcomponents
Last synced: 12 Apr 2025
https://github.com/jamessimone/lwc-modal
Accessible, composable modal for Salesforce.com (SFDC)'s Lightning Web Components (LWC) system
lightning-component lightning-web-components lwc salesforce salesforce-developers salesforce-lightning salesforce-lightning-components salesforcedx web-component web-components
Last synced: 12 Apr 2025
https://github.com/5t3ph/11ty-web-component-generator
Use the power of 11ty to generate web components (custom elements).
11ty 11ty-template custom-elements web-component-starter web-components
Last synced: 10 Sep 2025
https://github.com/justinribeiro/blog-pwa
Combining Lit Web Components, Hugo, Service Worker, and Rollup into a progressive web app blog.
blog hugo lit-element progressive-web-app prpl-pattern pwa service-worker web-components
Last synced: 08 Apr 2025
https://github.com/andreasbm/focus-trap
A lightweight web component that traps focus within a DOM node
acessibility custom-elements dialog focus focus-trap shadow-dom shadow-root web-components
Last synced: 30 Oct 2025
https://github.com/marketingpipeline/code-runner-web-component
A web component that allows you to run high level programming languages on your websites (static websites included!)
code-editor code-execution code-executor code-runner compiler custom-element github html javascript online-compiler online-ide piston piston-api programming-examples repl run-code static-site web-component web-components web-ide
Last synced: 12 May 2025
https://github.com/department-of-veterans-affairs/component-library
This module contains reusable components for the VA.gov design system published as an NPM package for use in the vets-website frontend codebase.
hacktoberfest react storybook web-components
Last synced: 09 Feb 2026
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
