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)

mostly-elements
mostly-elements MostlyJS HTML

UI components for building microservices based admin application

7
material-things
material-things liyasthomas HTML

💎 Reusable Material Design components

7
web-components-poc
web-components-poc asc-lab TypeScript

Web Components Demos/Examples with Angular/Vue.

7
component-library-template
component-library-template virtualidentityag JavaScript

VI starter to build a web components library based on Stencil.js and bringing together all the standards we have.

7
code-buddy-club
code-buddy-club torontojs

Code Buddy Club is similar to a book club but with free courses and tutorials.

7
link-preview
link-preview rg-wood HTML

Custom element to hover link previews

7
rc-design
rc-design Sunny-117 TypeScript

🗃️ rc-design is a component library developed for react, providing developers with a more lightweight and concise component library choice. Use tsx to...

7
html-css-frameworks
html-css-frameworks solygambas HTML

4 small projects using Tailwind CSS, Bulma, Materialize and Bootstrap 5.

7
glassflame.github.io
glassflame.github.io glassflame JavaScript

Note vault viewer

7
Atomox
Atomox cosmoart JavaScript

🧬 Atomox is a collaborative platform where developers can share and explore reusable web components.

7
customElements-mixinPropertiesAttributes
customElements-mixinPropertiesAttributes Jashepp JavaScript

Mixin for Web Components (Custom Elements) to sync/reflect properties and attributes to be used for data-binding. All in vanilla JavaScript.

7
altitude
altitude southleft TypeScript

Design System starter kit

7
unfold
unfold marcusnewton HTML

Framework for self-assembling web UIs

7
wc-arrow
wc-arrow vanillawc

A web component for creating custom arrow HTML elements.

7
purescript-halogen-custom-element
purescript-halogen-custom-element jhbertra PureScript

A library to convert Halogen components to custom elements.

7
emoji-claps
emoji-claps realdennis TypeScript

<emoji-claps /> An experience-addicted web component for claping / liking / disliking.

7
CDS
CDS cds-design TypeScript

Monorepo for Continuum Design System

7
le-truc
le-truc zeixcom TypeScript

Le Truc - the thing for type-safe reactive web components

7
web-components
web-components elixir-cloud-aai TypeScript

GA4GH Web components are the reusable custom elements that can be utilized in your web apps & web pages independently irrespective of what framework/l...

7
form-repeatable
form-repeatable aarongustafson JavaScript

A web component that enables you to control the duplication of fields.

7
dynamic-datalist
dynamic-datalist aarongustafson JavaScript

Enables you to dynamically update a field’s `datalist` with values retrieved from a URL as the user types

7
spark
spark spark-js TypeScript

Helper library for web components

7
art-nest
art-nest nawazdevx CSS

ArtNest handmade marketplace • Built with HTML, CSS, and JavaScript • Single page, Responsive design, component-based architecture, JSON-driven conten...

7
qwik-devtools
qwik-devtools Aejkatappaja TypeScript

Browser DevTools extension for Qwik applications - inspect components, signals, state, routes & performance

7
timered-counter
timered-counter siaikin TypeScript

A counter web component with smooth animations

7
spark
spark KLEAK-Development Dart

Lightweight isomorphic SSR framework for Dart with Custom Elements and Declarative Shadow DOM

7
foxy-elements
foxy-elements Foxy TypeScript

Elements and resources for use in other front-end code, like the admin and customer portal.

7
mason-ry
mason-ry valpackett HTML

A Polymer element / web component that wraps Masonry, a layout library

6
simpla-elements
simpla-elements simplajs

An open catalogue of elements built on the Simpla content system

6
valle-speed-dial
valle-speed-dial valleweb HTML

Awesome valle FAB with Speed Dial Web Component using Polymer 2x

6
vientos-app
vientos-app vientos HTML

vientos progressive web app

6
ui-element
ui-element zeixcom HTML

UIElement - the HTML-first microframework bringing reactivity to Web Components

6
simpla-richtext-behavior
simpla-richtext-behavior simplajs HTML

Behavior to add richtext editing to an element

6
wc-carousel-lite
wc-carousel-lite vanillawc

A web component that wraps HTML elements and forms a horizontal carousel slider out of them.

6
web-components
web-components TotallyInformation JavaScript

A repository of simple W3C Web Components. These have specific capabilities for use with node-red-contrib-uibuilder but will work independently as wel...

6
simplajs.org
simplajs.org simplajs HTML

Website for the Simpla project

6
wc
wc PosetMage Svelte

svelte 5 web-components template that compile with vite 6

6
vocab-web
vocab-web squgeim JavaScript

A simple web-app to keep track of words you want to learn

6
material
material xaota JavaScript

Material UI Design Web Components Library

6
tidos
tidos kaasbroodju Rust

Tidos is a component framework that can be served by any web framework.

6
JSVoice
JSVoice VoiceUI-js JavaScript

VoiceJS: framework-agnostic voice command & captions SDK using the browser’s SpeechRecognition, plus Web Components (mic, status, transcript) and opti...

6
lighterbox
lighterbox dkovach JavaScript

Drop-in image lightbox with smooth zoom & pan, touch gestures, hi-res loading, and full keyboard support. One script tag, zero dependencies.

6
litte
litte riipandi TypeScript

UI component library for flexibility and modern web developers. Built with Lit: simple, fast, web components.

6
jwplayer-video-element
jwplayer-video-element luwes JavaScript

Custom element (web component) for the JW player.

6
cookie-consent
cookie-consent studioLaCosaNostra TypeScript
6
simpla-img
simpla-img simplajs HTML

An editable image you can update inline, built on Simpla

6
kiwi-components
kiwi-components kiwigrid TypeScript

*WIP* Kiwigrid Web Components

6
st-3d-card-carousel
st-3d-card-carousel abritopach TypeScript

Sample project that shows an experimental 3D card carousel Web Component built with Stencil.

6
yumekit
yumekit waggylabs JavaScript

Web Component UI Kit

6
intl-elements
intl-elements marchbox TypeScript

Custom elements for using Intl APIs declaratively.

6