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)

lwc-test
lwc-test salesforce JavaScript

LWC plugins and utilities for testing

51
lwc-storybooks-poc
lwc-storybooks-poc reiniergs JavaScript

LWC Storybooks PoC

50
announcement-banner
announcement-banner zachleat HTML

An announcement banner web component.

50
pwa-helpers
pwa-helpers thepassle JavaScript

Utilities for common patterns that help you build your Progressive Web App

50
zoo-web-components
zoo-web-components zooplus JavaScript

Web-components library.

50
calcite-components-examples
calcite-components-examples Esri JavaScript

Example applications utilizing calcite-components

50
lit-css
lit-css bennypowers JavaScript

Build Plugins for CSS tagged-template-literals

50
TimeDoser-v2
TimeDoser-v2 DaniGuardiola CSS

🕑 Dosify your time (version 2, retired)

49
are-we-componentized-yet
are-we-componentized-yet jonrimmer HTML

Are We Componentized Yet (retired)

49
stencil-lerna
stencil-lerna bitflower TypeScript

A starter kit for developing PWAs in a lerna monorepo including a web-component design-system in Typescript.

49
web-components-starter-kit
web-components-starter-kit rwieruch JavaScript

Starter Kit for Web Components with Webpack as application bundler.

49
simple-hue-picker
simple-hue-picker dkzlv JavaScript

🎨 Tiny Hue picker for any framework!

49
gracile
gracile gracile-web TypeScript

A thin, full-stack, web framework — Powered by Vite and Lit SSR. Works with Node's HTTP or WHATWG Fetch.

49
mixt
mixt twidi Python

Write html components directly in python and you have a beautiful but controversial MIXTure

49
Adaptive-Web-Components
Adaptive-Web-Components Adaptive-Web-Community TypeScript

The Web Component library built on Open Web Standards & Adaptive UI technologies

48
wc-context
wc-context blikblum JavaScript

Context for Web Components

48
fx
fx hot-page JavaScript

Web Components On Fire

47
pretty-json
pretty-json mohsen1 JavaScript

Pretty JSON HTML Custom Element

47
ic-ui-kit
ic-ui-kit mi6 TypeScript

Intelligence Community UI Kit (based on StencilJS)

47
shoelace-rails
shoelace-rails yuki24 Ruby

Rails helpers for https://shoelace.style, the design system.

47
jira-search-helper
jira-search-helper mantech-oss TypeScript

"Jira Search Helper" is a project to search more detail view and support highlight than original jira search

47
michijs
michijs michijs TypeScript
47
Shadow-DOM-inject-styles
Shadow-DOM-inject-styles adamlacombe JavaScript

:tada: A helper function to easily modify Shadow DOM CSS.

46
active-css
active-css Active-CSS JavaScript

The epic event-driven browser language for UI with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reacti...

46
awesome-polymer
awesome-polymer StartPolymer

A collection of awesome Polymer resources.

45
fluent-web
fluent-web wolfadex JavaScript

A web component for using projectfluent.org/

45
material-web-components-react
material-web-components-react grayhatdevelopers TypeScript

Material Web Components for React ⚛

45
reusable-ui-component-api-guide
reusable-ui-component-api-guide coryrylan

An API guide outlining best practices for constructing highly reusable UI components on the Web

45
speedlify-score
speedlify-score zachleat JavaScript

A web component that shows Lighthouse scores via Speedlify.

44
nysds
nysds ITS-HCD TypeScript

The New York State Design System helps state agencies build fast, accessible, mobile-friendly applications and sites.

44
svelte-retag
svelte-retag patricknelson JavaScript

Light DOM custom element wrapper for Svelte 3 and 4 with slots, context and Vite HMR support

44
igniteui-dockmanager
igniteui-dockmanager IgniteUI

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

44
wc-github-corners
wc-github-corners YunYouJun TypeScript

:octocat: A web component for github corners. Can be used anywhere.

44
vivid
vivid Vonage JavaScript

Vonage's web UI 🎨 toolbelt

44
web-components-tutorial
web-components-tutorial ayushgp JavaScript

HTML Web Component using Vanilla JavaScript

43
pixano-elements
pixano-elements pixano TypeScript

Pixano Elements - Re-usable web components dedicated to data annotation tasks.

43
find
find internet4000 JavaScript

URL & local first client side actions for the browser omnibox

43
realm
realm realmui TypeScript

Reactive-Lightweight Markup Language. HTML framework for building MVPs.

43
web-components-webpack-es6-boilerplate
web-components-webpack-es6-boilerplate vardius JavaScript

Web Components project starter using ES6 and Webpack

42
PodOS
PodOS pod-os TypeScript

Personal Online Data Operating System

41
carbon-labs
carbon-labs carbon-design-system JavaScript

An innovation space for the creation of components leveraging Carbon Design System

41
twitter-user
twitter-user abraham TypeScript

Twitter User Web Component

41
Robinhood-Ninja
Robinhood-Ninja eugv86 HTML

Web App for Robinhood trading

40
birdseye
birdseye ktsn TypeScript

Next generation component catalog

39
cem
cem bennypowers Go

The standards-based toolkit for Web Components. Generate Custom Elements Manifests, Dev Server, LSP, and MCP for your app or design system

39
squirminal
squirminal zachleat HTML

The squirminal is a fake antique terminal web component

39
ui5-webcomponents-ngx
ui5-webcomponents-ngx SAP TypeScript

UI5 Web Components for Angular provides directives for each UI5 Web Component. The directives allow to easily build your Angular application following...

39
anywhere-ui
anywhere-ui adaleks TypeScript

AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS

39
modus-web-components
modus-web-components trimble-oss TypeScript

This library provides Modus components as web components - reusable, encapsulated UI elements that are framework agnostic (can be implemented in any s...

39
modulor-html
modulor-html modulor-js JavaScript

Missing template engine for Web Components

38