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 (1729)

yozo
yozo vrugtehagel JavaScript

A custom element library for simple, robust and readable components

9
bandcamp-player
bandcamp-player jgarber623 JavaScript

A dependency-free Web Component that generates a Bandcamp embedded player.

9
widget-code
widget-code mumuy JavaScript

代码美化组件 - 基于Web Component的代码着色美化组件_make code beautify

9
Atomox
Atomox cosmoart JavaScript

🧬 Atomox is a collaborative platform where developers can share and explore reusable web components.

9
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...

9
jack-henry-design-system
jack-henry-design-system Banno JavaScript

A collection of components, tokens, and utilities built on native web components that help you build great user experiences.

9
graph-renderer
graph-renderer google TypeScript

A high-performance Lit-based graph renderer used in Google Gemini Enterprise. Published to npm as @google/graph-renderer.

9
pin-field
pin-field soywod TypeScript

📟 Native web component for entering PIN codes.

9
project-custom-attributes
project-custom-attributes webplatformco

Define custom attributes that can be specified on any element

9
boardstate
boardstate 100yenadmin TypeScript

Your dashboard is data. Any AI can build it; any human can edit it. A protocol + runtime for agent-composable dashboards — layout-as-data, one guarded...

9
form-required-checkboxes
form-required-checkboxes aarongustafson JavaScript

Web component that enables requirement rules for checkbox groups

9
solarite
solarite eric-frost JavaScript

Solarite is a small JavaScript library for native web components. Import it anywhere, write a class, change your data, and call render(). Solarite upd...

8
devicekit
devicekit EchoTechFE TypeScript

Device profiles and a Web Component frame for iOS, Android and HarmonyOS, including iPhone 18 Pro and iPhone Duo.

8
ajax-component
ajax-component callmecavs JavaScript

A Custom Element that AJAXs its content, style, and scripts.

8
simpla-article
simpla-article simplajs HTML

Write longform, rich-media articles seamlessly inline

8
spark
spark spark-js TypeScript

Helper library for web components

8
adsense-popover
adsense-popover sjquant Svelte

Google Adsense popover web component

8
soroverify-consume
soroverify-consume soroverify TypeScript

SDK, embeddable widget, and reference integration for consuming Soroverify's contract verification results, show verification status before a user sig...

8
Cahir
Cahir IbrahimTanyalcin JavaScript

Proxy function pattern for method chaining and a curated set of web-components made by it

8
device-frame
device-frame dleatherman JavaScript

Used in demos as a way to fake a device frame

8
loomweaver
loomweaver yesbert TypeScript

LoomWeaver: open-source plugin platform for Angular workbenches

8
device-orientation
device-orientation abdonrd HTML

Web Components (with Polymer) to detecting device orientation and motion

8
cloud-components
cloud-components elixir-cloud-aai TypeScript

Reusable components for the ELIXIR Cloud

8
3D-AR-Studio
3D-AR-Studio nirholas JavaScript

Drop a full augmented-reality studio into any web page. Place any number of 3D models in your real room through the camera, generate new ones from a t...

8
javascript-web-component-hydration
javascript-web-component-hydration slogsdon JavaScript

Hydration helper for SSR'd web components — wraps HTMLElement so server-rendered custom elements upgrade cleanly.

8
form-validation-list
form-validation-list aarongustafson JavaScript

A web component comprising a list of validation rules for a field.

8
Web-Awesome-Components-List
Web-Awesome-Components-List RichLewis007

Comprehensive lists of all components in the Web Awesome library, free and pro, completed and upcoming. Lists include alphabeticized, categorized, and...

8
foxy-elements
foxy-elements Foxy TypeScript

Elements and resources for use in other front-end code, like the admin and customer portal.

8
vaadin-app-layout
vaadin-app-layout vaadin HTML

The Web Component for a common application layout. Part of the Vaadin components.

8
vaadin-ordered-layout
vaadin-ordered-layout vaadin HTML

A set of two Web Components providing a simple way to horizontally or vertically align your HTML elements. Part of the Vaadin components.

8
ff-web-components
ff-web-components FACT-Finder-Web-Components

Downloads, Release Notes and Discourse

8
cronkite
cronkite nanoporetech TypeScript

One **hell** of a reporter

8
form-obfuscator
form-obfuscator aarongustafson JavaScript

Makes fields legible on focus and obfuscated on blur.

8
svg
svg curvenote TypeScript

Reactive SVG web-components for building explorable explanations

8
astropress
astropress Astropress TypeScript

🚀 A privacy-first, low-carbon, free and open source full-spectrum website builder with a built-in admin, portable hosting, AI-ready tooling, and zero...

8
romi-nest
romi-nest biyuehu Rust

A powerful website system — blog, lists, notes, api, and more. Powered by Axum + Angular

8
custom-elements-manifest-deprecated
custom-elements-manifest-deprecated open-wc JavaScript

Custom Elements Manifest is a file format that describes custom elements in your project.

8
smart-button
smart-button HTMLElements

Smart Button Custom HTML Element

8
i18n-element
i18n-element t2ym HTML

I18N Base Element for Lit and Polymer

8
webcomponents-with-react-webcomponentify
webcomponents-with-react-webcomponentify a7ul HTML

Web components based components library using react-webcomponentify + (P) React. This repo showcases how you can build web components using react with...

8
valence
valence valencets TypeScript

The schema-driven web framework. One TypeScript config. The whole stack derived.

8
block-link
block-link alangdm HTML

A simple and super lightweight web component to create block links.

8
lisk-buttons
lisk-buttons lisk-builders TypeScript

🖲️ Lisk Buttons allow you to open Lisk Nano wallet with pre-filled forms

8
smart-listbox
smart-listbox HTMLElements

ListBox Custom Element

8
coral
coral divetool TypeScript

🪸 Coral Design System by DiveTool

8
ng-content-driven-angular
ng-content-driven-angular sparkles-dev TypeScript

A Showcase for Content-Driven Angular Apps

8
fibbers-home-assistant
fibbers-home-assistant Elian0213 TypeScript

A phone-first, bottom-nav dashboard for Home Assistant: a pinned bottom bar, drag-away sheets, and 25+ self-computing cards that match your light/dark...

8
qwik-devtools
qwik-devtools Aejkatappaja TypeScript

[Archived] Original Qwik DevTools prototype - merged into Qwik core

8
tidos
tidos kaasbroodju Rust

Tidos is a component framework that can be served by any web framework.

8
spark
spark KLEAK-Development Dart

Lightweight isomorphic SSR framework for Dart with Custom Elements and Declarative Shadow DOM

8