web-components
Topic

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.

Repositories (1695)

astro-multiframework-demo
astro-multiframework-demo itmaginationdemos Astro

How to set up an multi-framework, MFE project running on Astro.

4
clipboard-copy-element
clipboard-copy-element georapbox JavaScript

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

4
x-php
x-php kherrick JavaScript

Examining Client Side PHP using WebAssembly and Web Components.

4
todomvc
todomvc johnfactotum HTML

TodoMVC in ~100 lines of vanilla JavaScript with Web Components

4
web-components
web-components Sensoro Less

下一代前端组件库,它可以在任意框架或无框架中使用。

4
component
component AegisJSProject JavaScript

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

4
emmy-dom
emmy-dom emmyjs TypeScript

A tiny simple way for building web user interfaces

4
radio4000.com
radio4000.com radio4000 JavaScript

Using @radio4000/components' <r4-app/>

4
macon
macon LoganTann JavaScript

Tiny utility (430B) to create reactive jquery components using a JSX-like syntax

4
event-countdown
event-countdown chrisburnell JavaScript

A Web Component to display an event countdown.

4
chatbot
chatbot yugasun TypeScript

ChatBot is a chat robot that simplifies the usage of chat GPT tools like ChatGPT, and can be integrated into any framework (e.g., Vue, React, Angular)...

4
continuum
continuum cds-design TypeScript

A component library for CDS (Continuum Design System) by Verve.

4
web-components
web-components SailingCoder JavaScript

web-components

4
cps-elements
cps-elements cpsrepositorio TypeScript

Web Components de ponta, sem complicação.

4
modal-element
modal-element georapbox JavaScript

A custom element to create a modal, using the native dialog element under the hood.

4
docs
docs cds-design TypeScript

Documentation for Continuum Design System

4
apps
apps kherrick TypeScript

An Angular App

4
closure-next
closure-next MilesONerd TypeScript

Closure Library rewritten in TypeScript

4
crayons-samples
crayons-samples freshworks-developers JavaScript

Sample Apps to demostrate crayons

4
reactive
reactive mastrojs TypeScript

A tiny reactive GUI library for your Mastro project or existing MPA.

4
philjs
philjs PhilipJohnBasile TypeScript

A modern JavaScript/TypeScript + Rust UI framework with fine-grained reactivity, SSR, and WebAssembly support. Build fast web apps with signals, strea...

4
chameleon-controls-library
chameleon-controls-library genexuslabs TypeScript

A library of white-label, highly-customizable and reusable web components.

4
lazy-img
lazy-img aarongustafson JavaScript

Custom element to lazy load an image based on screen size

4
components
components radio4000 JavaScript

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

4
aura-ai-chat
aura-ai-chat cc-yuxi TypeScript

A web component based AI agentic chat UI element which can be added in any website to turn it into an agentic app

4
ddom
ddom declarative-dom TypeScript

DOM-aligned syntax for Web Components and Apps

4
ograf
ograf ficosta TypeScript

Community hub for the OGraf open broadcast graphics standard. Tutorials, ecosystem directory, spec guide, and live interactive demos.

4
wisy
wisy DatanoiseTV JavaScript

Parametric visual design studio for web, desktop & audio software UIs — exports clean, valid, dependency-free HTML5 + CSS + JS.

4
uikit
uikit chromvoid TypeScript

Web Components and design-system primitives for ChromVoid, built with Lit, TypeScript, and accessible headless contracts.

4
formspec
formspec Formspec-Labs TypeScript

AI-native declarative form specification — JSON-driven fields, validation, expressions, themes, and components

4
unscripted
unscripted AdamBien HTML

A zero-JavaScript SPA: every page demonstrates one modern HTML or CSS feature that replaces a category of single-page-application JavaScript — popover...

4
attestto-verify
attestto-verify Attestto-com TypeScript

Client-side PDF digital signature verification in the browser: PAdES, CAdES, PKCS#7, X.509 PKI (Firma Digital, eIDAS). Zero upload, open source. verif...

4
liqgui
liqgui bymehul TypeScript

Glassmorphism UI components with spring physics. Zero dependencies.

4
picosm
picosm yesil JavaScript

Lightweight, zero-dependency state manager for observable classes — explicit actions, computed caching, batched notifications, Lit integration, store-...

4
Rattribute.js
Rattribute.js williamtroup TypeScript

❓ A lightweight JavaScript library for automatically changing HTML element attributes based on responsive screen sizes.

4
kanso-protocol
kanso-protocol GregNBlack TypeScript

Open source design system for Angular — and any framework via Web Components. W3C DTCG design tokens as a single source of truth for Figma and code; s...

4
luxen-ui
luxen-ui luxen-ui TypeScript

Luxen UI is an HTML-first Design System foundation. Native HTML, modern CSS, progressive custom elements — with a renamable l- prefix.

4
open-mathematics
open-mathematics yashitkumarsingh JavaScript

An open-source, offline-first primary mathematics learning foundation. Features visual web components (ten-frames, number lines), interactive lessons,...

4
arc-ui
arc-ui arclight-digital JavaScript

ARC UI (ARC Radiant Components) - Framework-agnostic design system built with Lit Web Components. Use with React, Vue, Svelte, or vanilla JS.

4
stream-slots
stream-slots hemanth JavaScript

Out-of-order HTML streaming via Declarative Partial Updates

4
neuro-ux-sdk
neuro-ux-sdk adapt-ux TypeScript

Adaptive UX toolkit for neurodivergent-friendly interfaces. Framework-agnostic, research-driven, and fully customizable.

4
agentic-component-manifest
agentic-component-manifest xgentic TypeScript

Agentic Component Manifest (ACM) — universal, schema-first manifest format describing UI components from any framework for AI agents and tooling. Cano...

4
kickside-module
kickside-module wippyai JavaScript

Kickside module template for Wippy.

4
docslit-cli
docslit-cli UmbrellaDocs JavaScript

The docs framework for the web platform era. Write Markdown, drop in web components, self-host anywhere.

4
tianditu
tianditu DemoMacro TypeScript

天地图 JavaScript API 的 Vue 3 组件、React 组件与 Web Components 工具库

4
formkrafter
formkrafter streamline-pulse TypeScript

Framework-agnostic drag & drop form builder — Web Components, React & Vue. Forms are portable JSON specs: sandboxed rules, server-side validation, nes...

4
WildflowerJS
WildflowerJS wfjs-admin JavaScript

Reactive JS, no BS*. A no-build reactive, performant (see official Krausest benchmark results below in the README) JavaScript framework: create full...

4
liquid-glass.js
liquid-glass.js ozcanyldzhn Vue

Framework-agnostic, ultra-realistic iOS 26 Liquid Glass optical displacement effect for Vue 3, Nuxt, React, Next.js, and Vanilla JS.

4
app-builder
app-builder steedos TypeScript

华炎魔方React前端、控件仓库。根据元数据自动生成对象列表、对象表单、报表、图表。

3
fetch-element
fetch-element jordanfinners HTML

Element for interacting with the fetch api and queuing requests up if working offline

3