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

symbiote.js
symbiote.js symbiotejs JavaScript

Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.

122
ibm-products
ibm-products carbon-design-system JavaScript

A Carbon-powered React and Web Component library for IBM Products

120
podcast-player
podcast-player davatron5000

An audio web component for podcasts

119
nutmeg
nutmeg abraham TypeScript

Build, test, and publish vanilla Web Components with a little spice

117
fit-html
fit-html Festify TypeScript

💪 Combining web components + lit-html + redux (3KB)

114
banana-ui
banana-ui FriedRiceNoodles TypeScript

基于Web Components,跨框架可用的现代化组件库。https://banana-ui.com

112
uce-template
uce-template WebReflection JavaScript

A Vue 3 inspired Custom Elements toolless alternative.

111
bui
bui kjantzer JavaScript

‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing

110
design-system
design-system baloise TypeScript

The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of ap...

109
finastra-design-system
finastra-design-system Finastra TypeScript

The Finastra Design System provided as a theme and components library

108
enaml-web
enaml-web codelv Python

Build interactive websites with enaml

107
zero
zero raystubbs Clojure

Build Web UIs in ClojureScript

107
m3e
m3e matraic TypeScript

Material 3 Expressive Web Components

105
funcy.js
funcy.js michael-klein JavaScript

funcy.js - a functional web components wrapper

104
polymer-build
polymer-build Polymer TypeScript

Moved to Polymer/tools monorepo

103
bg-sound
bg-sound feross JavaScript

Web Component to emulate the old-school <bgsound> HTML element

103
nativeweb
nativeweb nativew JavaScript

🤳 Tiny library for simple web components. [1kB]

103
polymer3-webpack-starter
polymer3-webpack-starter web-padawan JavaScript

Polymer 3 starter built with Vaadin components and Vaadin.Router library, using webpack and modern tools

102
aybolit
aybolit web-padawan JavaScript

Lightweight web components library built with LitElement.

102
webcomponents.today
webcomponents.today web-padawan JavaScript

A curated collection of Web Components resources.

102
gulp-vulcanize
gulp-vulcanize sindresorhus JavaScript

Concatenate a set of Web Components into one file

101
storify
storify gugadev TypeScript

Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥

97
components
components nylas Svelte

UI building blocks to add email, calendar, and contacts to your app in minutes.

96
component-elements
component-elements jahilldev TypeScript

Create a custom element from any component with these tiny functions (2KB GZipped, ~1KB Brotli). Preact and React currently supported

96
mindroot
mindroot runvnc Python

AI agent web app platform

94
html-sheet-element
html-sheet-element ivteplo JavaScript

HTML Custom Element for Creating Sheets

93
a2k
a2k andrico1234 TypeScript

Capture the feel of the early web with A2k, the Windows2000 inspired web component library

93
custom-elements-language-server
custom-elements-language-server Matsuuu TypeScript

Custom Elements Language Server provides useful language features for Web Components. Features include code actions, completions, diagnostics and more...

92
svelte-markdown
svelte-markdown humanspeak TypeScript

📝 Fast, lightweight Markdown renderer component for Svelte applications with full CommonMark support

92
web-components
web-components playcanvas TypeScript

Web Components for building declarative PlayCanvas applications

92
use-custom-element
use-custom-element the-road-to-learn-react JavaScript

Custom hook to bridge Custom Elements (Web Components) to React.

91
awesome-frontend
awesome-frontend AlicanteFrontend

Curated list of awesome frontend resources :star::sunglasses:

91
filter-container
filter-container zachleat HTML

Filtering visible child elements based on form field values.

91
range-slider-element
range-slider-element andreruffert JavaScript

🎚 A cross browser customizable and accessible <range-slider> web component

90
Fore
Fore Jinntec JavaScript

Fore - declarative user interfaces in plain HTML

89
showroom
showroom eavichay JavaScript

Universal development and automated test environment for web components

88
minna-ui
minna-ui WeAreGenki TypeScript

😸 A fast, friendly, and fun web UI kit for everyone.

87
remote-input-element
remote-input-element github JavaScript

An input element that sends its value to a server endpoint and renders the response body.

87
svelte-web-components-template
svelte-web-components-template sinedied Svelte

A base template for building a shareable web components library with Vite, Svelte and TypeScript.

87
components
components socketsupply JavaScript

Example Components (Built with Tonic)

85
litelement-website
litelement-website luixaviles TypeScript

A Single Page Application(SPA) based on Web Components using LitElement and TypeScript

83
PolymerProjects
PolymerProjects abdonrd

An open list of projects using Polymer

82
gcds-components
gcds-components cds-snc TypeScript

GC Design System Components is a monorepo managing the web components of the GC Design System. | « GC Design System Components » (Composants de Systèm...

82
svelte-virtual-list
svelte-virtual-list humanspeak TypeScript

📜 A performant virtual list/scrolling component for Svelte applications - efficiently render large scrollable lists with minimal memory usage

82
color-legend-element
color-legend-element clhenrick TypeScript

A custom element (web component) suitable for use as a legend in data visualizations

82
web-components-good-practices
web-components-good-practices afonsopacifer

:sunglasses::ballot_box_with_check: Good Practices for build Web Components.

81
elm-web-components
elm-web-components thread JavaScript

A small JavaScript package to let you wrap your Elm applications up in a web component.

80
maverick
maverick maverick-js TypeScript

Build and ship strongly typed and fast UI component libraries.

78
core
core BrightspaceUI JavaScript

A collection of accessible, free, open-source web components for building Brightspace applications.

78
tram-lite
tram-lite Tram-One JavaScript

💡 Declarative HTML library for native web-components

77