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)

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
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!)

55
create-stencil
create-stencil stenciljs TypeScript

npm init stencil

54
nysds
nysds ITS-HCD TypeScript

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

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

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

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
zephjs
zephjs awesomeeng JavaScript

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

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
ic-ui-kit
ic-ui-kit mi6 TypeScript

Intelligence Community UI Kit (based on StencilJS)

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

LWC Storybooks PoC

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
announcement-banner
announcement-banner zachleat HTML

An announcement banner web component.

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

Example applications utilizing calcite-components

50
Adaptive-Web-Components
Adaptive-Web-Components Adaptive-Web-Community TypeScript

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

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
mixt
mixt twidi Python

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

49
michijs
michijs michijs TypeScript
49
fx
fx hot-page JavaScript

Web Components On Fire

48
pretty-json
pretty-json mohsen1 JavaScript

Pretty JSON HTML Custom Element

48
wc-context
wc-context blikblum JavaScript

Context for Web Components

48
toolbox
toolbox OysteinAmundsen TypeScript

A no-dependency component library for the web

48
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
Shadow-DOM-inject-styles
Shadow-DOM-inject-styles adamlacombe JavaScript

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

46
awesome-polymer
awesome-polymer StartPolymer

A collection of awesome Polymer resources.

46
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

46
material-web-components-react
material-web-components-react grayhatdevelopers TypeScript

Material Web Components for React ⚛

46
wc-language-server
wc-language-server wc-toolkit TypeScript

Language server that surfaces Web Components metadata, completions, and diagnostics. This includes the IDE extensions and CLI tools for integration.

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
fluent-web
fluent-web wolfadex JavaScript

A web component for using projectfluent.org/

45
find
find internet4000 JavaScript

URL & local first client side actions for the browser omnibox

45
vivid
vivid Vonage JavaScript

Vonage's web UI 🎨 toolbelt

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
wc-github-corners
wc-github-corners YunYouJun TypeScript

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

44
igniteui-dockmanager
igniteui-dockmanager IgniteUI

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

44