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-18 00:27:49 UTC
JSON Representation

https://github.com/beyondjs/widgets-bundle

BeyondJS widget bundle: Create and manage reusable UI components for scalable and modular applications.

typescript web-components

Last synced: 15 Apr 2026

https://github.com/marketingpipeline/github-ribbon-web-component

A custom web element to easily add a GitHub Fork Me ribbon to your web pages!

css custom-elements fork-me github github-ribbon github-ribbons html html-css-javascript javascript js ribbon web-component web-components web-elements

Last synced: 12 Apr 2026

https://github.com/s1owjke/lit-element-context

Context for lit-element components

context lit lit-element mixin web-components webcomponents

Last synced: 31 Jan 2026

https://github.com/nonsalant/map-picker

Web component that produces a map for a location picker

location map vanilla-javascript web-components

Last synced: 17 Mar 2026

https://github.com/yashrajbharti/random-color-pearl

Lightweight package that creates randomly coloured pearl avatars as web components in vanilla. Check performance here: https://cybtekk-llp.github.io/Unique-SVG-Generator/ ⭐

css custom-element design figma html js npm plugin svg tools web-components

Last synced: 07 Mar 2026

https://github.com/rapid-build-ui/rb-button

Rapid Build UI · Web Component <rb-button>

button component components reusable web web-components webcomponents

Last synced: 18 May 2026

https://github.com/august/astro-phantom-forms

A spooky little Astro library that makes your forms invisible to bots. No CAPTCHAs. No honeypots. Just pure, elegant ghostery.

anti-bot anti-spam astro bot-protection cloaking forms hydration no-captcha progressive-enhancement serverless spam-blocking stealth web-components

Last synced: 10 Mar 2026

https://github.com/kevinokerlund/content-change

Observe and react to changes in distributed nodes in web components, Shadow DOM v0.

mutations shadow-dom slotchange watch-changes web-components

Last synced: 07 Feb 2026

https://github.com/century-tech/wcm-browser

A suite of HTML Elements used by WCM

web-components webcomponents

Last synced: 16 May 2026

https://github.com/lukechu10/fomantic-ui-web-components

Web Component bindings for Fomantic-UI

fomantic-ui ui web-components

Last synced: 19 Jan 2026

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

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

react react18 vite web-components

Last synced: 15 Apr 2026

https://github.com/petruspierre/make-multiplayer

🌐 A Chrome Extension that will allow you to play your favorite web games with multiplayer sessions

chrome-extension lit partykit web-components

Last synced: 07 Jan 2026

https://github.com/cain-group/cain-ui

面向未来的原生 web components UI组件库基于Element-Plus设计

angular cain-ui custom-element element-ui html5 javascript react shadow-dom stencil stenciljs ui vue web-component web-components webcomponent webcomponents

Last synced: 08 Feb 2026

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

Webpack loader for parsing and importing infuse.host templates.

custom-elements data-binding dom framework front-end frontend html html-template infuse pwd spa template template-engine web-application web-apps web-components webpack

Last synced: 07 May 2026

https://github.com/riverside/zino-alert

:christmas_tree: Autonomous open source alert component

alert alertdialog customelements ecmascript2015 ecmascript6 es6 javascript shadowdom sweetalert sweetalert2 web-components webcomponent webcomponents zino-alert

Last synced: 08 Feb 2026

https://github.com/masx200/custom-elements-random-define

web-components随机定义custom-elements,并且防止重名定义的js库

javascript web-components

Last synced: 07 May 2026

https://github.com/yisibell/web-components-demo

web components demo.

web-components

Last synced: 19 Apr 2026

https://github.com/legumeinfo/jekyll-starter-legumeinfo

A Jekyll site that demonstrates how to use the legumeinfo Jekyll theme

biology jekyll jekyll-theme legumes uikit web-components

Last synced: 13 Mar 2026

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

Fast, lightweight web components for creating web pages.

mettle mettlejs web-components

Last synced: 04 Feb 2026

https://github.com/nucoui/nuco

UI library based on the concept of Transcends Framework boundaries

design-system react vue web-components

Last synced: 26 Sep 2025

https://github.com/bennypowers/shul-tools

Synagogue Software - עם ישראל חי

jewish judaism shul synagogue web-components

Last synced: 26 Feb 2026

https://github.com/astrocoding/projek-fundamental-noteapps

Submission ini akan meminta Anda membuat aplikasi dengan tema aplikasi pencatatan. Ini kita namakan: Notes App. Aplikasi tersebut Anda butuhkan sebagai salah satu syarat untuk lulus dari kelas ini. Kami mengedepankan kreativitas Anda dalam membangun aplikasi, tetapi pastikan aplikasi yang dibuat memenuhi kriteria yang akan kami jelaskan.

css3 frontend html5 javascript web web-components

Last synced: 09 Feb 2026

https://github.com/hugodf/html-esc

JavaScript Template Literal Tag that converts to HTML-escaped content. Eg. html`<div>${myVar}</div>`

javascript-template-literals tagged-template-literal web-components

Last synced: 09 Feb 2026

https://github.com/kcmr/generator-polymer-web-component

Yeoman generator for Web Components using Polymer

polymer web-components yeoman-generator

Last synced: 05 Apr 2025

https://github.com/robjtede/img-exif

A dependency-free vanilla web component that correctly orients images based on their EXIF data

exif html img javascript web-components

Last synced: 11 Apr 2026

https://github.com/pigeonposse/super8

A tool to modify video styles on websites like YouTube and Vimeo according to your personal preferences. Enjoy a fully personalized video viewing experience! 🎬🎨🧩

browser-extension chrome-extension css filters iframe styles super8 svelte sveltekit video web web-components youtube

Last synced: 10 Feb 2026

https://github.com/glatek/nattramn

Universal web applications with Deno.

deno prpl-pattern prpl-server web-components

Last synced: 21 Jan 2026

https://github.com/nuclei/web-component-skeleton

A skeleton repo for building vanilla web components

web-components

Last synced: 18 May 2026

https://github.com/uiwebkit/tabs

Uni Tabs

custom-elements javascript tab tab-bar tabs tabs-management tabs-widget tabswitcher typescript web-components webcomponents

Last synced: 08 May 2026

https://github.com/davidecarvalho/demolay-event-management

System to help on managing demolay's events on São Vicente

firebase firebase-realtime-database hybrids redux single-spa web-components

Last synced: 12 Apr 2026

https://github.com/dannyyassine/vanille

A minimalistic vanilla web component framework

component components jsx observable typescript vanilla web-components webcomponent

Last synced: 11 Feb 2026

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

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

rollup web-components

Last synced: 15 May 2026

https://github.com/linttrapmedia/capui

The Cut & Paste UI, Ctrl+Done.

css frontend no-dependencies shadcn-ui starter-kit tailwindcss theme-designer vanilla-component vanilla-css vanilla-javascript vanilla-js web-components web-components-library web-kit

Last synced: 18 Feb 2026

https://github.com/yashrajbharti/read-out

Reads out what you speak. Annotates where you are at. 📖 NPM: https://www.npmjs.com/package/read-aloud-component

npm web-components webspeech-api

Last synced: 11 Feb 2026

https://github.com/makepad-fr/create-web-component

Create web components with zero configuration

build-tool cli esm javascript npm-module typescript web-components zero-configuration

Last synced: 16 Apr 2026

https://github.com/lessjs-run/lessjs

Minimal-incremental, progressive fullstack framework built on Web Standards · Less is More

declarative-shadow-dom deno fullstack-framework island-architecture less lessjs progressive-enhancement ssg static-site-generation typescript web-components web-standards

Last synced: 24 May 2026

https://github.com/kurotsmile/carrot-framework-web

Template for Web

web-api web-app web-application web-components web-development web-json-extract webapp

Last synced: 07 Jan 2026

https://github.com/hanford/youtube-darkmode

Chrome extension revealing googles latest Material UI Youtube redesign

darkmode google javascript material-design polymer theme web-components youtube

Last synced: 09 May 2026

https://github.com/e280/sly

🦝 mischievous shadow views

lit lit-element view-library views web web-components

Last synced: 04 Sep 2025

https://github.com/dhbmarcos/elementa

Elementa – Lightweight and Minimal HTML Microframework

client-side custom-elements declarative-ui frontend html javascript lightweight microframework minimalist mit nested-components no-dependencies open-source template-engine ui-components vanilla-js web-components

Last synced: 21 Apr 2026

https://github.com/datlyfe/svg-web-component

A custom web component for rendering svg

javascript svg web-components

Last synced: 11 Apr 2026

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

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

vite web-components

Last synced: 09 May 2026

https://github.com/startpolymer/s-chips

Polymer elements displaying Material Design Chips.

material-design polymer tags web-components

Last synced: 25 Mar 2025

https://github.com/lidorsystems/integralui-web-treeview

IntegralUI Web Lite - TreeView is a native Web Component that can help you to create and modify hierarchical structures on the fly.

angular components integralui javascript react tree treeview ui vue web web-components

Last synced: 08 Apr 2026

https://github.com/uportal-project/notification-web-components

uPortal web components specific to notifications

hacktoberfest notification uportal uportal-start-bundled vue web-components

Last synced: 05 May 2025

https://github.com/bahrus/be-switched

be-switched is a template behavior that lazy loads content when conditions are met.

behavior conditional-rendering custom-element custom-elements web-component web-components

Last synced: 15 Apr 2025

https://github.com/lidorsystems/integralui-web-treelist

IntegralUI Web Lite - TreeList is a native Web Component that allows you to navigate through tree hierarchy showing only one list at a time.

angular components integralui javascript react tree treelist ui vue web web-components

Last synced: 07 Apr 2026

https://github.com/m-thompson-code/event-listener-types-output-target

Stencil output target to generate event listener types

angular custom-elements ember event-listeners ionic output react stencil typescript vue web-components

Last synced: 05 Jan 2026

https://github.com/bookedsolidtech/create-helix-app

Scaffold a new project with HELiX web components — npx create-helix

booked-solid cli create-helix design-system drupal helix lit scaffold starter-kit web-components

Last synced: 12 May 2026

https://github.com/ayu-sh-kr/dota-core

Dota Core is library for web components that contains base configuration for creating web components

decorators npm typescript-library web-components web-components-api

Last synced: 12 Apr 2025

https://github.com/mastashake08/directoryjs

A Javascript library for managing, editing, and creating files using the Javascript FileSystem and File APIs. Allows for encoding, decoding, streaming and more.

file filesystem javascript text-decoding text-encoding web-components

Last synced: 16 May 2026

https://github.com/nostrangerdev/jpad-components

A set of web-components to build declarative virtual gamepad layouts

gamedev gamepad gamepad-library joypad library prototyping ui-components web-components

Last synced: 15 Feb 2026

https://github.com/meldjs/meld-web-components

Standalone Hypermedia Web Components

hypermedia web-components

Last synced: 15 Feb 2026

https://github.com/danieltrianaa/NFT-card-web-component

NFT gallery created using Web components Inspired by the "NFT preview card component" challenge on Frontend Mentors.

frontend-mentor-challenge html-css-javascript nft-gallery web-components

Last synced: 11 Mar 2025

https://github.com/kcmr/lit-ember-app

Ember application using LitElement components

ember lit-element rollup web-components

Last synced: 20 Jan 2026

https://github.com/felipesousa/polyfleat-map

:leaves: A Polymer component to use Leaflet Map easily.

leafletjs maps polymer web-components

Last synced: 04 Nov 2025

https://github.com/adeirjunior/universal-wc

Components made with web components

typescript web-components

Last synced: 16 Feb 2026

https://github.com/turbomack/elm-x-tag

simple demo of embeded x-tag component in elm

elm web-components x-tag

Last synced: 14 May 2026

https://github.com/nicejade/reward-service

通过 WebComponent 所构建的打赏服务，使之可以轻松植入自己的各个 Web 网站。

reward rollup vue web-components

Last synced: 01 Mar 2026

https://github.com/saekitominaga/js-library-browser

JavaScript library that works in the browser

custom-elements npm web-components

Last synced: 20 Apr 2026

https://github.com/warejs/ware

Ware is a copy of reactware that focuses on web-components.

web-components

Last synced: 29 Oct 2025

https://github.com/aigan/mv-sorter

A custom element that makes the content sortable

animation component dnd drag drag-and-drop drag-drop draggable dragging droppable frontend javascript polymer-3 reordering sort sortable sorting ui web-component web-components

Last synced: 13 Apr 2026

https://github.com/serikshaikamalov/lit-components

Reusable lit components

javascript litjs web-components

Last synced: 09 May 2026

https://github.com/ashot72/stenciljs-firebase

Stenciljs Firebase Authentication (SignIn/SignUp) Modal and Firebase Database Tree Renderer Web Components

angular firebase firebase-auth ionic ionic-web-component react stencil stenciljs vue web-components

Last synced: 02 Apr 2026

https://github.com/maxart2501/web-components-talk

A talk about Web Components and their present and future

presentation web-components

Last synced: 05 Apr 2025

https://github.com/bahrus/xtal-decor

Enables attaching ES6 proxies onto other DOM elements.

custom-elements es6-proxy web-component web-components webcomponents

Last synced: 25 Apr 2026

https://github.com/buelbuel/dim

Lightweight, zero-dependency web component boilerplate focusing on simplicity and web standards.

javascript no-dependencies web-components web-standards

Last synced: 17 Feb 2026

https://github.com/federicoibba/vue3-histoire-web-components-library

Web Components library built with Vue 3 using Histoire

histoire histoire-vue typescript vue3 vue3-typescript web-components web-components-library

Last synced: 16 Apr 2026

https://github.com/oskarrough/guss-werk-configurator

A web component for configuring clothes

web-components website

Last synced: 20 Jul 2025

https://github.com/glorious-codes/glorious-pitsby-demo-web-components

A simple demo of web components documented with Pitsby

documentation-tool es-modules web-components

Last synced: 17 Apr 2026

https://gitlab.com/sctlib/space-element

https://sctlib.gitlab.io/space-element/#input=hello is web-component space-element that generates a simple web-space, which DOM and content are stored in the URL, as encoded data, as well as in sharable QR code (and "printable" version).

HTML/CSS goog-space markdown qr-code serverless space-element url url-first web-components

Last synced: 10 Apr 2025

https://github.com/kherrick/angular-seed-pwgen

AngularJS (1.7.9) with the custom element x-pwgen

angularjs custom-elements wasm web-components webassembly

Last synced: 16 Apr 2026

https://github.com/chihab/elemnt

Custom Elements with strict typing

angular custom-elements web-components web-development-tools

Last synced: 16 Apr 2026

https://github.com/lidorsystems/integralui-web-lite

IntegralUI Web Lite - Native Web Components

angular components javascript react ui vue web web-components

Last synced: 12 Apr 2026

https://github.com/marcus-sa/lit-bun

A web application template using Lit, Bun and Vaadin Router for simplicity and speed.

bun typescript vaadin vaadin-router web web-components

Last synced: 04 Mar 2026

https://github.com/sammarxz/inspira

A curated collection of UI design inspiration from across the web, built with vanilla JavaScript and Web Components.

gallery-app ui-design web web-components

Last synced: 17 May 2026

https://github.com/reallyland/really-elements

A collection of opinionated custom elements for the web

lit-element lit-html polymer really really-elements reallyland typescript web-components webcomponents

Last synced: 19 Jan 2026

https://github.com/manolo/repos-view

A viewer for github repositories. Developed with Polymer2

github polymer polymer2 vaadin-element web-components

Last synced: 16 May 2026

https://github.com/dzintars/front

Test setup (Don't use!) Dev server URL available while i'm developing.

conventional-commits custom-elements eslint example-project husky lint-staged lit-element lit-html prettier redux redux-saga scss smacss typescript web-components webpack4 yarn2

Last synced: 16 Feb 2026

https://github.com/koddsson/number-format-element

custom-elements number-format web-components

Last synced: 02 May 2026

https://github.com/abanoub-refaat/frontendmentor_challenges

A showcase of my solutions to various Frontend Mentor challenges, where I apply HTML, CSS, and JavaScript to build responsive and visually engaging web components. These projects highlight my approach to solving real-world frontend development tasks.

bootstrap5 challenges code-challenges css-flexbox css-grid front-end frontend frontend-mentor frontendmentor frontendmentor-challenge html-css javascript learning-in-public responsive-design ui-ux web-components