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)

wc-blink
wc-blink vanillawc JavaScript

A vanilla web component blink element

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
kiwi-components
kiwi-components kiwigrid TypeScript

*WIP* Kiwigrid Web Components

6
HTMLTemplateLiteral
HTMLTemplateLiteral RyanHoldren JavaScript

A tag function for producing HTML via template literals

6
x-postpress
x-postpress kherrick TypeScript

A Web Component used to render articles.

6
dialog-el
dialog-el jshcrowthe HTML

An a11y equipped dialog element written for the modern browser with Web Components

6
hero
hero naturetime10 JavaScript

Cross-framework UI Component Framework in TypeScript

6
undertone
undertone bcosca JavaScript

A Custom Elements (v1-spec) code organizer/compiler that tones down Javascript by emphasizing the structure and beauty of HTML

6
design-system-old
design-system-old mlibrary HTML

We aim to build trust in our digital services by creating components and standards that are reusable, equitable, informed by research, and available t...

6
human-ui
human-ui hennessyevan TypeScript

SwiftUI and The Human Design Guidelines for the Web

6
cookie-consent
cookie-consent studioLaCosaNostra TypeScript
6
youtube-timestamps-to-playlist
youtube-timestamps-to-playlist hagabaka JavaScript

Chrome and Firefox extension which creates a playlist from time tags on a YouTube page

6
wc-fontawesome
wc-fontawesome blikblum JavaScript

Web component for Font Awesome (v5)

6
jsx-for-web-components
jsx-for-web-components slogsdon TypeScript

WIP: A basic JSX factory for use in projects leveraging web components

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
lyne-design-tokens
lyne-design-tokens sbb-design-systems TypeScript

🧪 Manages and publishes Design Tokens for Lyne Design System

6
web-component
web-component beforesemicolon TypeScript

Reactive Web Component

6
material-web-entity
material-web-entity vollowx TypeScript

A component library based on Material Design 3 & Web Components

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
cli
cli blueprintui JavaScript

Opinionated CLI for building reusable Web Components

6
ambiki-packages
ambiki-packages Ambiki TypeScript

A collection of everyday web-components and libraries.

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

Custom element (web component) for the JW player.

6
learning-at-codecycle
learning-at-codecycle codecyclecommunity HTML

Repository for learning and practicing cutting edge technologies

6
intl-elements
intl-elements marchbox TypeScript

Custom elements for using Intl APIs declaratively.

6
break-on-element
break-on-element knowler HTML

A custom element that is a declarative MutationObserver for debugging. Instead of opening your developer tools to set these breakpoints wrap the eleme...

6
ZephyrJS-Old
ZephyrJS-Old RPDevJesco JavaScript

A custom client side web component library for creating reusable UI components with Shadow DOM and state management.

6
interfeys
interfeys codenteq TypeScript

Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.

6
widgets-kit
widgets-kit Arsybai CSS

A Comprehensive Collection of HTML Widgets

6
web-gamepad
web-gamepad geophree JavaScript

HTML Gamepad API compatible web components. Scannable QR code to connect over WebRTC to use a phone as a controller.

6
material-me
material-me lingbopro TypeScript

[🚧WIP] Material-Me is a front-end Web Components library designed with reference to Material You.

6
ui-element
ui-element zeixcom HTML

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

6
cds-design.github.io
cds-design.github.io cds-design TypeScript

Landing page for Continuum Design System

6
litte
litte riipandi TypeScript

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

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
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
tidos
tidos kaasbroodju Rust

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

6
wc
wc PosetMage Svelte

svelte 5 web-components template that compile with vite 6

6
yumekit
yumekit waggylabs JavaScript

Web Component UI Kit

6
st-flippy
st-flippy zwacky TypeScript

Easily flip elements - built with StencilJS

5
ink-ripple
ink-ripple alex-saunders JavaScript

🖋 A vanilla JS dependency-free ripple effect web component

5
papertrain
papertrain Pageworks JavaScript

Papertrain: a Craft CMS 3 framework

5
api-webinars
api-webinars PDBeurope Jupyter Notebook

Study materials for the PDBe API webinar series in September 2020.

5
simpla-markdown
simpla-markdown simplajs HTML

A Simpla element for writing articles in markdown

5
vaadin-item
vaadin-item vaadin HTML

The Web Component providing a container for item elements. Part of the Vaadin components.

5
infuse.host
infuse.host serg-io JavaScript

Infuse your HTML with dynamic content.

5
system42
system42 polterguy JavaScript

An anti-CMS, this module is deprecated

5
paper-pager
paper-pager myfrom JavaScript

A light and accesible Material Design page indicator

5
lit-any
lit-any hypermedia-app JavaScript

Building late-bound User Interface with lit-html without actually creating (too many) custom elements

5
hyper-element
hyper-element codemeasandwich HTML

hyper-element is the fast, small, and feature-rich Custom Element framework

5
mission
mission CommunityElements

Our mission and goals as a Community effort

5