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)

syncrate
syncrate feliperdamaceno TypeScript

A simple and flexible state management solution for Vanilla JavaScript, TypeScript, and Web Components.

5
knyt
knyt sables-app TypeScript

🌃 Simplify Your Stack. Front to Back. A toolkit designed to simplify modern web development.

5
20-projects-of-javascript
20-projects-of-javascript cavinhartono HTML
5
timeline
timeline webpacked TypeScript

An Open Source framework-agnostic timeline engine with pluggable adapters and fully customizable UI for building modern editors.

5
nanopub-js
nanopub-js vemonet TypeScript

🧬 A Web Component to display Nanopublications

5
fullscreen-control
fullscreen-control aarongustafson JavaScript

A web component to add progressively enhance any video or iframe element to have fullscreen capabilities.

5
react-cropper-2
react-cropper-2 imerljak TypeScript

A modern React wrapper for CropperJS 2.x

5
tailcode
tailcode vkaentertainment TypeScript

Connect Tailscale and OpenCode to publish local code securely on your tailnet with a shareable URL and QR code.

5
doodledev
doodledev mitchivin

A visual design tool that exports production HTML, CSS and JavaScript as a standalone page or Web Component, with no runtime dependencies.

5
swipe-slider
swipe-slider alexstep HTML

touch slider web-component

5
paperchat
paperchat eitanporat JavaScript

Read PDFs with LLMs — @mention threads on passages, or generate interactive chapter summaries

5
jarvis-for-openclaw
jarvis-for-openclaw asifrao25 JavaScript

Progressive Web App client for OpenClaw AI gateway — chat, alerts, and push notifications on iOS/Android

5
kanso-protocol
kanso-protocol GregNBlack TypeScript

Open source design system for Angular — and any framework via Web Components. W3C DTCG design tokens as a single source of truth for Figma and code; s...

5
lyra-ui
lyra-ui aceshooting TypeScript

Free, independent web components (307 elements) for accessible forms, dashboards, charts, and AI chat/agent interfaces. Built with Lit; works with Rea...

5
liquid-glass.js
liquid-glass.js ozcanyldzhn Vue

Framework-agnostic, ultra-realistic iOS 26 Liquid Glass optical displacement effect for Vue 3, Nuxt, React, Next.js, and Vanilla JS.

5
material
material floor TypeScript

Material Design 3 components for the web: as plain JavaScript, as web components, and as React, Vue, Svelte and Solid components. Written in TypeScrip...

5
clock-ui
clock-ui clock-ui TypeScript

A lightweight and customizable JavaScript UI library for rendering smooth, animated analog clocks.

5
SkiaSharpWeb
SkiaSharpWeb wieslawsoltes JavaScript

Skia-powered JavaScript graphics with a SkiaSharp-style API, bundled WebAssembly runtime, WebGPU and WebGL rendering, and a canvas Web Component.

5
Clawd-Widget
Clawd-Widget tHEtRICKsTER-N TypeScript

Clawd lives on your screen: a pixel-art widget that jams, reacts, naps, cheers when Claude Code finishes, and hides a mini-game.

5
_archive_metalshop
_archive_metalshop chase-moskal TypeScript

ready-made app components and microservices

4
menu
menu BrightspaceUI JavaScript

Polymer-based web component for a D2L menus

4
GalaxyJS
GalaxyJS galaxy-js JavaScript

A framework fully based on native Web Components Technologies

4
make-element
make-element marcoms TypeScript

Create custom elements without boilerplate

4
img-gallery
img-gallery newtonmunene99 TypeScript

An Image Gallery Component

4
card
card BrightspaceUI JavaScript

Polymer-based web component for a D2L card

4
awesome-pwa-starter-kit
awesome-pwa-starter-kit StartPolymer

Starter templates for building PWAs using Polymer Project.

4
Hu
Hu MoomFE TypeScript

基于 Web Components 和 Proxy 的 MVVM 框架

4
google-cast-elements
google-cast-elements FluorescentHallucinogen

Google Cast Polymer web components collection

4
smart-colors
smart-colors HTMLElements JavaScript

Material Colors Web Component | Material Design | Smart HTML Elements

4
simpla-styles
simpla-styles simplajs HTML

Common styles for the Simpla ecosystem

4
react-ce-ubigeo
react-ce-ubigeo gugadev TypeScript

Example using a custom JSX pragma for enable better tooling for custom elements.

4
colors
colors BrightspaceUI SCSS

CSS custom properties and Sass variables for the D2L color palette

4
x-zangief
x-zangief 1000ch HTML

He is Zangief.

4
letter-spacing
letter-spacing jabranr HTML

An inline custom element to provide letter-spacing CSS styling to its contents.

4
hagrid
hagrid rokk3rlabs CSS

A better grid, and a lightweight modular web framework to use as base of your web projects.

4
simple-design-system
simple-design-system jshimkoski Vue

A modern design system that is remarkably flexible and easy to use.

4
am-rating
am-rating alasdairmackenzie TypeScript

A rating component built with Stencil

4
ld-navigation
ld-navigation tpluscode TypeScript

Routing-like element for the modern Web

4
file-uploader
file-uploader BrightspaceUILabs JavaScript

Polymer-based web component for D2L file uploader

4
hierarchical-view
hierarchical-view BrightspaceUI JavaScript

Polymer-based web component for nested views

4
awesome-stencil
awesome-stencil tforssander

A collection of awesome things related to Stencil

4
table-of-data
table-of-data zvakanaka HTML

v1 custom element

4
fs-elements
fs-elements fs-webcomponents

Collection of FamilySearch Polymer elements.

4
pi-motion
pi-motion kherrick JavaScript

Control and monitor a PIR sensor through a web app

4
wc-bullet-chain
wc-bullet-chain vanillawc JavaScript

Fancy chained bullet points as a vanilla web component

4
inspiration-parallelms-ui
inspiration-parallelms-ui Brightspace JavaScript

UI for the ParalleLMS Application, an Inspiration Sprint production

4
subrip-video-layer-element
subrip-video-layer-element gkjohnson JavaScript

Element and player and for displaying and playing a video with SRT subtitles

4
color-your-code
color-your-code kcmr JavaScript

A visual editor for Visual Studio Code themes made with Web Components

4
wc-core
wc-core mofon-design TypeScript

Web components core of Mofon Design.

4
was-this-helpful
was-this-helpful anaptfox TypeScript

A Stencil.js web component that gives you a simple "Was this helpful?" form.

4