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)

formidable-elements
formidable-elements lekoala JavaScript

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

10
PaperUI
PaperUI Opensource-Paper JavaScript

The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.

10
bignumber-card-continued
bignumber-card-continued sxdjt JavaScript

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

10
im_robot
im_robot leopechnicki TypeScript

Reverse-CAPTCHA for AI agents — verify bots, not humans. Multi-framework (React, Vue, Svelte, Web Components). Zero dependencies. TypeScript.

10
static_bi
static_bi unytics JavaScript

Embed Analytics Everywhere!

10
katabatic
katabatic katabatic-js JavaScript

Drop is a compiler which turns html modules into JS

10
fez
fez dux JavaScript

Modern (Svelte like) web components with reactive state, scoped styles, zero dependencies and no compile.

10
spreadsheet
spreadsheet witqq TypeScript

Canvas-based spreadsheet engine for React, Vue, Angular. 100K+ rows, zero dependencies, formula engine, real-time collaboration.

10
html-router
html-router aaronshaf JavaScript

Drop-in router using web components

10
valle-input
valle-input valleweb JavaScript

Awesome valle input element - web component using Polymer 3x

9
w3c-banners
w3c-banners zachleat HTML

A non-image based non-normative proposal for conformance of W3C status banners.

9
ui5-webcomponents-ngx-sample
ui5-webcomponents-ngx-sample SAP-samples TypeScript

Sample application to demonstrate UI5 Web Components for Angular powered by Fundamental Library Styles.

9
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
spa-wc-vite
spa-wc-vite LeonEck TypeScript

Single Page Application (SPA) demo using web components powered by vite.

9
Atomox
Atomox cosmoart JavaScript

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

9
web-components
web-components FightingDesign TypeScript

⚡ 建立在 Web 标准之上的下一代的 UI 组件库。(⚡ Next generation UI component library based on Web standards.)

9
stencil-firebase
stencil-firebase ranjeetsinghbnl TypeScript

This is a boilerplate for creating a webapp using Stencil + Firebase + Stencil Store.

9
bacom
bacom prantlf HTML

Basic library for writing web components.

9
mettle-components
mettle-components johnsonandjohnson JavaScript

Mettle components are a collection of custom elements based of the Web Components spec to be used in front-end JavaScript applications.

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

Web component that enables requirement rules for checkbox groups

9
generic.hypermedia.app
generic.hypermedia.app hypermedia-app TypeScript

A generic Hydra console built with Hydrofoil

9
pin-field
pin-field soywod TypeScript

📟 Native web component for entering PIN codes.

9
base_lit-with-tailwind
base_lit-with-tailwind lloydrichards CSS

Template for how to setup lit using vite and tailwind.

9
wc-demo
wc-demo vanillawc JavaScript

A vanilla web component to demo vanilla web components

9
vaadin-accordion
vaadin-accordion vaadin HTML

The Web Component for accordions. Part of the Vaadin components.

9
serviceworker-helpers
serviceworker-helpers morbidick HTML

Display a toast on available service worker update

9
chart.js-stencil
chart.js-stencil bitflower TypeScript

Chart web components built with StencilJS & Chart.js

9
htmleditor
htmleditor BrightspaceUI JavaScript

An HTML editor that integrates with Brightspace.

9
vaadin-radio-button
vaadin-radio-button vaadin HTML

The Web Component for customized radio buttons. Part of the Vaadin components.

9
svelte-virtual-chat
svelte-virtual-chat humanspeak TypeScript

💬 A performant virtual chat component for Svelte applications - efficiently render large scrollable chat interfaces with minimal memory usage

9
button
button BrightspaceUI JavaScript

Polymer-based web components for D2L buttons

9
cute-css
cute-css bmarkov JavaScript

Visual primitives for components. Use the best bits of ES6 and CSS to style your apps very quickly

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
formdown
formdown iyulab TypeScript

Markdown-like syntax for building interactive HTML forms — framework-agnostic web components with real-time validation, async pipelines, and CDN/NPM d...

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
cloud-components
cloud-components elixir-cloud-aai TypeScript

Reusable components for the ELIXIR Cloud

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

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

8
device-frame
device-frame dleatherman JavaScript

Used in demos as a way to fake a device frame

8
Cahir
Cahir IbrahimTanyalcin JavaScript

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

8
adsense-popover
adsense-popover sjquant Svelte

Google Adsense popover web component

8
foxy-elements
foxy-elements Foxy TypeScript

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

8
smart-listbox
smart-listbox HTMLElements

ListBox Custom Element

8
spark
spark spark-js TypeScript

Helper library for web components

8
cronkite
cronkite nanoporetech TypeScript

One **hell** of a reporter

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

Downloads, Release Notes and Discourse

8
i18n-element
i18n-element t2ym HTML

I18N Base Element for Lit and Polymer

8
block-link
block-link alangdm HTML

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

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