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/alert-element

A custom HTML element for displaying dismissible alerts and toast notifications.

alert custom-elements toast-notifications web-components

Last synced: 27 Apr 2026

https://github.com/lemorage/sack

Web-based platform for showcasing 3D objects in a universe-like environment with interactive storytelling

3d 3d-models-virtual-objects artwork three-js web-components webxr

Last synced: 22 Jul 2025

https://github.com/feezal/feezal

Web Components based Dashboard UI with WYSIWYG Editor

custom-elements dashboard iot mqtt node-red smart-home visualization web-components web-ui wysiwyg

Last synced: 24 Dec 2025

https://github.com/zwacky/st-flippy

Easily flip elements - built with StencilJS

stenciljs web-components

Last synced: 12 May 2025

https://github.com/aaronksaunders/ionic-react-drawer

ionic v4 with react web components demoing the use of the side menu

capacitor ionic-framework ionic4 react reactjs sidemenu web-components

Last synced: 10 Jul 2025

https://github.com/uPortal-contrib/form-builder

Create html input forms on the fly

form-builder react uportal web-components

Last synced: 11 Mar 2025

https://github.com/posetmage/wc

svelte 5 web-components template that compile with vite 6

svelte vite web-components

Last synced: 02 Jul 2025

https://github.com/vaadin/vaadin-item

The Web Component providing a container for item elements. Part of the Vaadin components.

item menu polymer2 vaadin web-components webcomponents

Last synced: 22 Oct 2025

https://github.com/enjikaka/audio-visualiser

Web Component audio visualiser ready for retina displays.

audio fft music web-audio-api web-components

Last synced: 31 Aug 2025

https://github.com/teammaestro/stencil-scorm-viewer

Stencil component for viewing SCORM e-learning courses offline.

scorm scorm2004 stenciljs web-components

Last synced: 24 Apr 2025

https://github.com/webqit/playui

A modern UI suite covering layout, design, and UI physics (animations, events and gestures, and UI geometry); introducing Async DOM; offering ready-to-use components.

animations async-dom events gestures ui-geometry ui-library ui-physics waapi web-components

Last synced: 28 Jan 2026

https://github.com/opral/markdown-wc

Portable markdown spec with components (custom elements).

markdown web-components

Last synced: 21 Jan 2026

https://github.com/aegisjsproject/core

A fast, secure, modern, light-weight, and simple JS library for creating web components and more!

aegis component-library constructable-stylesheets css custom-elements dom html html-templates sanitizer-api security web-components

Last synced: 16 Jan 2026

https://github.com/mxjp/rvx

A signal based frontend framework

declarative javascript jsx low-level no-build reactive signals synchronous typescript web-components

Last synced: 07 May 2025

https://github.com/riipandi/litte

UI component library for flexibility and modern web developers. Built with Lit: simple, fast, web components.

css javascript lit react solidjs turborepo typescript ui-components ui-library vite web-components

Last synced: 13 Oct 2025

https://github.com/stevenvachon/scrolling-menu

A custom element for a menu that scrolls horizontally or vertically.

custom-element vanilla virtualization web-component web-components webcomponent

Last synced: 22 Aug 2025

https://github.com/rdkmaster/jigsaw-tourist

Jigsaw-七巧板(https://github.com/rdkmaster/jigsaw) 组件集的示例工程，新手宝典。

angular component jigsaw typescript web-components

Last synced: 19 Aug 2025

https://github.com/elgca/laminar-mdui-components

Laminar Bindings for MDUI Web Components

laminar mdui scala-facades scalajs web-components

Last synced: 12 Oct 2025

https://github.com/studiolacosanostra/cookie-consent

angular cookie-consent web-component web-components

Last synced: 15 Aug 2025

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

Set of web component used in the Bonita UIs. Project superseed by https://github.com/bonitasoft/bonita-ui-designer-web-components .

lerna lifecycle-independent lit-element transitive-dep typescript web-components

Last synced: 08 Oct 2025

https://github.com/valkoivo/koicom

The KoiCom library focuses on building interfaces using web components with a standardized lifecycle, which streamlines development and facilitates testing.

components custom-elements html javascript web web-components webcomponents

Last synced: 16 Apr 2025

https://github.com/luwes/super-media-element

A custom element that helps save alienated player API's to bring back their true inner HTMLMediaElement API, or to extend a native media element like `<audio>` or `<video>`.

audio custom-elements htmlmediaelement video web-components

Last synced: 04 Sep 2025

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

A collection of Web Components for interacting with and visualizing biological data.

biology legumes lit typescript web-components

Last synced: 13 Mar 2026

https://github.com/patrickvaler/stencil-chuck-norris-jokes

Web Component to display random Chuck Norris Jokes

stencil stenciljs web-component web-components webcomponent webcomponents

Last synced: 08 Oct 2025

https://github.com/georapbox/clipboard-copy-element

A custom element that implements the Clipboard API to copy text content from elements or input values to the clipboard.

custom-elements web-components

Last synced: 15 Apr 2025

https://github.com/simplajs/simpla-markdown

A Simpla element for writing articles in markdown

content-management editable html javascript markdown polymer simpla web-components

Last synced: 03 Apr 2026

https://github.com/kadykov/natural-sticky

Ultra-lightweight (1.1KB) sticky elements with natural hide-on-scroll effects. Zero dependencies, pure TypeScript, less distracting animations.

animation footer framework-agnostic frontend header hide-on-scroll javascript lightweight natural-scrolling navigation performance scroll scroll-effects sticky sticky-header typescript ui-components vanilla-js web-components zero-dependencies

Last synced: 04 Sep 2025

https://github.com/pdbeurope/api-webinars

Study materials for the PDBe API webinar series in September 2020.

api-rest api-webinars bioinformatics jupyter-notebooks pdb protein protein-structure python tutorial web-components webinar

Last synced: 26 Oct 2025

https://github.com/planbgmbh/flinkey-web-components

This project provides some Web Components built for usage in combination with the flinkey API.

custom-elements flinkey flinkey-api jest-tests puppeteer rest-api stencil tailwindcss tsx typescript ui-components web-components witte-digital

Last synced: 30 Apr 2025

https://github.com/m4thieulavoie/webcomponents-starter

Starter project with Web Components, TypeScript and Webpack support out of the box

html javascript sass typescript vaadin web-components webcomponents webpack

Last synced: 24 Jul 2025

https://github.com/codemeasandwich/hyper-element

Combining the best of hyperHTML and Custom Elements!

hyperhtml react web-components

Last synced: 24 Jan 2026

https://github.com/feliperdamaceno/syncrate

A simple and flexible state management solution for Vanilla JavaScript, TypeScript, and Web Components.

featured management state store web-components

Last synced: 07 Oct 2025

https://github.com/alvarobrito/provider-behavior

Data provider to manage custom data for polymer components

behavior polymer provider web-components

Last synced: 18 Feb 2026

https://github.com/avanelsas/bareforge

Companion visual builder for BareDOM web components. Drag components, declare reactive state, export fully interactive CLJS or JS project

baredom clojurescript drag-and-drop full-theming landing-page mobile-ready vanilla-js visual-builder web-components

Last synced: 13 Jun 2026

https://github.com/noi-techpark/opendatahub-webcomponent-store

The Open Data Hub Web Component Store, to test web components, to configure web components and to get a code snippet to integrate a web component in a webpage

opendatahub web-components

Last synced: 12 Jan 2026

https://github.com/johnfactotum/todomvc

TodoMVC in ~100 lines of vanilla JavaScript with Web Components

todomvc vanilla-javascript web-components

Last synced: 23 Jun 2025

https://github.com/kherrick/x-postpress

A Web Component used to render articles.

custom-elements rest-api typescript web-components wordpress

Last synced: 07 Apr 2025

https://github.com/sxdjt/bignumber-card-continued

Community-maintained continuation of bignumber-card - Display sensor values as large numbers with severity colors and progress bars for Home Assistant

community-maintained continuation custom-card hacs home-assistant homeassistant-frontend lovelace lovelace-card sensor-card web-components

Last synced: 06 Mar 2026

https://github.com/adebola-io/bullet

JSX web components. 🦫

custom-elements framework javascript web-components

Last synced: 25 Feb 2026

https://github.com/patrick-kw-chiu/annotative-code

Supercharge your highlight.js code demo with interactive input knobs

annotative-code code-block code-demo highlightjs lit react reactjs svelte vue web-component web-components

Last synced: 19 Jul 2025

https://github.com/fluorescenthallucinogen/progressive-web-components

Building blocks for progressive web apps (PWA)

element-collection polymer progressive-web-apps pwa web-component web-components webcomponent webcomponents

Last synced: 11 Apr 2025

https://github.com/rodydavis/open-canvas

Open canvas built with lit

html-canvas lit lit-html matrix-calculations open-canvas web-components

Last synced: 22 Apr 2025

https://github.com/benelan/somethings-fishy

Hack The Map 5 project investigating the impact of human influence on aquatic ecosystems in the Gulf of Mexico.

arcgis calcite esri hackathon react styled-components typescript web-components webapp

Last synced: 06 Feb 2026

https://github.com/serg-io/infuse.host

Infuse your HTML with dynamic content.

custom-elements data-binding dom es-modules framework front-end frontend html html-template infuse pwa spa template template-engine web-application web-apps web-components

Last synced: 10 Apr 2025

https://github.com/ecohead/kondonizer

🗂 Universal Media Library as a web component.

custom-elements lit-element lit-html vanilla-js web-components

Last synced: 14 Jun 2025

https://github.com/dvens/atomify

Atomify helps you to easily create custom elements using Typescript, decorators and JSX.

custom-element custom-elements custom-elements-v1 events jsx typescript web-components

Last synced: 28 Oct 2025

https://github.com/lingbopro/material-me

[🚧WIP] Material-Me is a front-end Web Components library designed with reference to Material You.

material-design material-ui material-you web-components wip

Last synced: 10 Apr 2025

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

A repository of simple W3C Web Components. These have specific capabilities for use with node-red-contrib-uibuilder but will work independently as well.

html javascript node-red node-red-contrib-uibuilder uibuilder web-components web-components-library

Last synced: 12 Jul 2025

https://github.com/lloydjatkinson/xkcd-web-component

A Web Component written with Vue.js that fetches xkcd comics

vue vuejs web-component web-components xkcd xkcd-comics

Last synced: 11 Mar 2025

https://github.com/neovici/cosmoz-omnitable

Cosmoz Omnitable - Filtering, grouping, sorting table with support for remote data

cosmoz omnitable polymer web-components

Last synced: 21 Feb 2026

https://github.com/georapbox/capture-photo-element

A custom element that implements the MediaDevices.getUserMedia() method of the MediaDevices interface to capture a photo in the browser.

custom-elements web-components

Last synced: 16 Mar 2026

https://github.com/valpackett/codeflask-element

A micro code-editor in a Custom Element (v1)

code-editor custom-elements-v1 web-components

Last synced: 10 Apr 2025

https://github.com/inventage/leaflet-map

A web component for displaying a map with certain features using Leaflet.

leaflet leaflet-map lit-element lit-html map open-wc storybook typescript web-components webcomponents

Last synced: 14 Mar 2026

https://github.com/zedix/zedix-ui

A library of essential web components (lit-based), serving as a foundation for web apps or design systems. Mostly headless. Works with any frameworks.

custom-element design-system dialog embla-carousel floating-ui lit ui-library web-components

Last synced: 01 Mar 2026

https://github.com/fact-finder-web-components/demos

FACT-Finder® Web Components Demos

fact-finder web-components

Last synced: 19 Apr 2025

https://github.com/FluorescentHallucinogen/google-cast-elements

Google Cast Polymer web components collection

cast element-collection google google-cast googlecast polymer web-component web-components webcomponent webcomponents

Last synced: 11 Mar 2025

https://github.com/Lifeni/object-oriented-canvas

一个基于面向对象分析与设计的画布 APP，用 Electron 做的。

canvas electron web-components

Last synced: 11 Mar 2025

https://github.com/danielmatthew/accessible-web-components

Web components for common interface patterns.

accessibility aria-authoring-practices lit-element lit-html web-components webcomponents widget

Last synced: 01 Jul 2025

https://github.com/aaronshaf/shaf-star-rating

Keyboard-accessible star rating element. Upgrades input element.

custom-elements range web-components

Last synced: 01 Sep 2025

https://github.com/jabranr/letter-spacing

An inline custom element to provide letter-spacing CSS styling to its contents.

custom-elements html5 shadow-dom web-components

Last synced: 14 Apr 2025

https://github.com/theodesp/todolist-stencil

A simple Todo List app using Stencil.js.

stenciljs todolist-application typescript web-components

Last synced: 10 Apr 2025

https://github.com/vemonet/nanopub-js

🧬 A Web Component to display Nanopublications

nanopublications web-components

Last synced: 19 May 2026

https://github.com/fluorescenthallucinogen/google-cast-elements

Google Cast Polymer web components collection

cast element-collection google google-cast googlecast polymer web-component web-components webcomponent webcomponents

Last synced: 24 Oct 2025

https://github.com/kcmr/visual-logger

WebComponent to display calls to console methods in a visual terminal

console custom-elements logger terminal web-components

Last synced: 17 Mar 2025

https://github.com/brightspaceui/colors

CSS custom properties and Sass variables for the D2L color palette

css-properties polymer sass web-components

Last synced: 11 Jan 2026

https://github.com/lekoala/formidable-elements

A formidable set of libraries that can be used as custom elements with an unified API

custom-elements es6 library ui ui-components web-components

Last synced: 19 Apr 2025

https://github.com/aegisjsproject/component

Base component using `@shgysk8zer0/aegis` & `@shgysk8zer0/aegis-styles`

aegis constructable-stylesheets custom-elements sanitizer-api security web-components

Last synced: 23 Oct 2025

https://github.com/productdevbook/pencere

Zero-dependency lightbox for images, video, iframes & custom renderers. Native View Transitions morph, WCAG 2.2 AA, hooks + plugins, controlled mode. Pure TypeScript, works everywhere.

a11y accessibility esm framework-agnostic gallery image-gallery image-viewer lightbox pencere photo-gallery react solid svelte tree-shakeable typescript view-transitions vue wcag web-components zero-dependencies

Last synced: 05 Jun 2026

https://github.com/simplajs/simpla-styles

Common styles for the Simpla ecosystem

css html material-design simpla styles web-components

Last synced: 11 Jan 2026

https://github.com/waggylabs/yumekit

Web Component UI Kit

ui-components uikit web-components

Last synced: 25 Apr 2026

https://github.com/noherczeg/dashing-css

A standard Dashboard built with up-to-date CSS techniques.

css3 flexbox flexbox-layout grid-layout html5 web-components

Last synced: 20 Jan 2026

https://github.com/xgqfrms/xgqfrms

🎉 xgqfrms coming back again!

canvas dart es-next es6 flutter html5-css3-javascript miniprogram nodejs react react-native ssr threejs typescript vite vue3 web-components webfullstack webgeeker webpack xgqfrms

Last synced: 19 Oct 2025

https://github.com/radio4000/components

web-components to build the r4 interfaces, uses the sdk

lit-element web-components

Last synced: 02 Apr 2026

https://github.com/gkjohnson/subrip-video-layer-element

Element and player and for displaying and playing a video with SRT subtitles

html javascript srt srt-subtitles video web-components webcomponents

Last synced: 13 Nov 2025

https://github.com/htmlelements/smart-colors

Material Colors Web Component | Material Design | Smart HTML Elements

custom-elements material material-color-picker material-design material-ui materialize web-components

Last synced: 30 Apr 2025

https://github.com/simplajs/simpla-element-behavior

Polymer behavior that connects an element to Simpla's API

behavior polymer simpla web-components

Last synced: 11 Jan 2026

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

He is Zangief.

web-components

Last synced: 30 Oct 2025

https://github.com/kherrick/pi-motion

Control and monitor a PIR sensor through a web app

cylonjs rasbperry-pi web-components

Last synced: 18 May 2026

https://github.com/chrisburnell/paper-stamp

A Web Component to display an img as a paper stamp.

custom-element custom-elements customelement customelements javascript stamp web-component web-components webcomponent webcomponents

Last synced: 24 Jul 2025

https://github.com/brightspace/inspiration-parallelms-ui

UI for the ParalleLMS Application, an Inspiration Sprint production

browser polymer web-components

Last synced: 24 Apr 2025

https://github.com/anaptfox/was-this-helpful

A Stencil.js web component that gives you a simple "Was this helpful?" form.

feedback survey was-this-helpful web-components

Last synced: 24 Apr 2025

https://github.com/wyfir/web_components

WebCraftery’s Web Components is a comprehensive collection of responsive, mobile-friendly web components with clean HTML, CSS, and JavaScript, ensuring optimal performance and easy customization.

carousels clean-code clean-html-css-js components-library footers html-css-javascript navbars sliders web-components webcraftery website-components