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)

component-library
component-library department-of-veterans-affairs TypeScript

This module contains reusable components for the VA.gov design system published as an NPM package for use in the vets-website frontend codebase.

58
blog-pwa
blog-pwa justinribeiro HTML

Combining Lit Web Components, Hugo, Service Worker, and Rollup into a progressive web app blog.

57
cwco
cwco beforesemicolon TypeScript

Powerful and Fast Web Component Library with a Simple API

57
WebScene
WebScene SceneTech C++

Web components. Native performance. Run packaged React, TypeScript, and JavaScript components in native application frameworks through a high-perform...

56
lwc-modal
lwc-modal jamessimone JavaScript

Accessible, composable modal for Salesforce.com (SFDC)'s Lightning Web Components (LWC) system

56
Code-Runner-Web-Component
Code-Runner-Web-Component MarketingPipeline JavaScript

A web component that allows you to run high level programming languages on your websites (static websites included!)

56
CycleWire
CycleWire CycleChain JavaScript

Zero-initial-JS selective activation engine. Turn server-rendered HTML into instant interactivity on intent.

56
11ty-web-component-generator
11ty-web-component-generator 5t3ph HTML

Use the power of 11ty to generate web components (custom elements).

55
limette
limette limettejs TypeScript

Limette is a full-stack framework for Lit.

55
Ace-Editor-Web-Component
Ace-Editor-Web-Component MarketingPipeline JavaScript

A web-component to add code editors to your web page powered via Ace Editor

55
nysds
nysds ITS-HCD TypeScript

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

55
advanced-chat-kai
advanced-chat-kai spider-hand TypeScript

A highly customizable chat Web Component that integrates easily with shadcn - works with any framework (React, Vue, Angular, Svelte, etc.)

55
toolbox
toolbox OysteinAmundsen TypeScript

A no-dependency component library for the web

54
create-stencil
create-stencil stenciljs TypeScript

npm init stencil

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

54
ic-ui-kit
ic-ui-kit mi6 TypeScript

Intelligence Community UI Kit (based on StencilJS)

54
l2t-paper-slider
l2t-paper-slider Link2Twenty HTML

Polymer element for displaying slides in a carousel

53
vaadin-charts
vaadin-charts vaadin HTML

Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications

53
webcomponents.dev
webcomponents.dev divriots

Web Components IDE

53
aruco-marker
aruco-marker bhollis TypeScript

JavaScript library and custom HTML element for generating Aruco marker images

53
zephjs
zephjs awesomeeng JavaScript

ZephJS is an easy, understandable, and ultra-light framework for defining and using Web Components.

52
smart-table-community
smart-table-community HTMLElements CSS

Smart Table Community is an open-source, highly customizable Table UI component that works seamlessly with React, Angular, Vue, Javascript & Blazor

52
lit-css
lit-css bennypowers JavaScript

Build Plugins for CSS tagged-template-literals

52
grid-container
grid-container charbelrami HTML

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

51
vuesence-book
vuesence-book vuesence Vue

Minimalistic Vue.js based documentation system component

51
Willow
Willow ba-st Smalltalk

The Web Interaction Library that eases the burden of creating AJAX-based web applications

51
lwc-test
lwc-test salesforce JavaScript

LWC plugins and utilities for testing

51
calcite-components-examples
calcite-components-examples Esri JavaScript

Example applications utilizing calcite-components

51
Adaptive-Web-Components
Adaptive-Web-Components Adaptive-Web-Community TypeScript

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

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
foo_ui_webview2
foo_ui_webview2 NereaFantasia C++

A WebView2 UI framework for foobar2000 - build the entire player in web tech (Vue/React) with native Windows 11 Mica/Acrylic effects. Ships a TypeScri...

50
michijs
michijs michijs TypeScript
50
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
fx
fx hot-page JavaScript

Web Components On Fire

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

🎨 Tiny Hue picker for any framework!

49
carbon-labs
carbon-labs carbon-design-system TypeScript

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

49
TimeDoser-v2
TimeDoser-v2 DaniGuardiola CSS

🕑 Dosify your time (version 2, retired)

48
mixt
mixt twidi Python

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

48
pretty-json
pretty-json mohsen1 JavaScript

Pretty JSON HTML Custom Element

48
wc-context
wc-context blikblum JavaScript

Context for Web Components

48
pencere
pencere productdevbook TypeScript

Zero-dependency lightbox for images, video, iframes & custom renderers. Native View Transitions morph, WCAG 2.2 AA, hooks + plugins, controlled mode....

47
cem
cem bennypowers Go

The standards-based Web Components multitool. Generate Custom Elements Manifests, Dev Server, LSP, and MCP for your app or 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
shoelace-rails
shoelace-rails yuki24 Ruby

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

47
material-web-components-react
material-web-components-react grayhatdevelopers TypeScript

Material Web Components for React ⚛

47