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

eleventy-plugin-webc
eleventy-plugin-webc 11ty JavaScript

Adds support for WebC *.webc files to Eleventy

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

131
outline
outline phase2 TypeScript

Tooling infrastructure for modern web component development.

131
pharos
pharos ithaka TypeScript

JSTOR's design system

131
bay.js
bay.js Dunks1980 JavaScript

An easy to use, lightweight library for web-components.

129
typing-effect-element
typing-effect-element github JavaScript

A custom element that shows text as if it were being typed

127
ibm-products
ibm-products carbon-design-system TypeScript

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

127
lit-redux-router
lit-redux-router fernandopasik TypeScript

Declarative way of routing for lit-html powered by pwa-helpers, redux and lit-element

124
polydev
polydev PolymerLabs HTML

Automatic web components profiling in chrome devtools

123
vanilla-hamburger
vanilla-hamburger web-padawan TypeScript

Animated hamburger menu icons for modern web apps (1.8 KB) 🍔

121
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
uce-template
uce-template WebReflection JavaScript

A Vue 3 inspired Custom Elements toolless alternative.

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

111
bui
bui kjantzer JavaScript

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

111
webjs
webjs webjsdev JavaScript

WebJs is an AI-first full-stack JavaScript framework built on web components. Any AI model reads the whole stack. No training data required.

109
banana-ui
banana-ui FriedRiceNoodles TypeScript

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

109
enaml-web
enaml-web codelv Python

Build interactive websites with enaml

108
finastra-design-system
finastra-design-system Finastra TypeScript

The Finastra Design System provided as a theme and components library

108
zero
zero raystubbs Clojure

Build Web UIs in ClojureScript

107
CursorX-Interactive-Cursor-Effects
CursorX-Interactive-Cursor-Effects Felix-au JavaScript

20+ custom cursor effects for developers with live interactive previews, copy-paste code snippets, AI prompts, and a full config panel. Built with Rea...

106
web-components
web-components playcanvas TypeScript

Web Components for building declarative, graphical web apps

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
webcomponents.today
webcomponents.today web-padawan JavaScript

A curated collection of Web Components resources.

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
gulp-vulcanize
gulp-vulcanize sindresorhus JavaScript

Concatenate a set of Web Components into one file

101
aybolit
aybolit web-padawan JavaScript

Lightweight web components library built with LitElement.

101
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

101
storify
storify gugadev TypeScript

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

97
pion
pion pionjs TypeScript

React's Hooks API implemented for web components

97
mindroot
mindroot runvnc Python

AI agent web app platform

96
components
components nylas Svelte

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

96
Fore
Fore Jinntec JavaScript

Fore - declarative user interfaces in plain HTML

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
a2k
a2k andrico1234 TypeScript

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

95
range-slider-element
range-slider-element andreruffert JavaScript

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

93
html-sheet-element
html-sheet-element ivteplo JavaScript

HTML Custom Element for Creating Sheets

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
filter-container
filter-container zachleat HTML

Filtering visible child elements based on form field values.

92
awesome-frontend
awesome-frontend AlicanteFrontend

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

91
remote-input-element
remote-input-element github JavaScript

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

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

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

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

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

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