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)

polymer-2-carousel
polymer-2-carousel PolymerLabs HTML

Codelab

18
kamishibai-viewer
kamishibai-viewer potato4d Vue

Qiita slide mode embed library

18
paper-timezone
paper-timezone bluewatertracks JavaScript

Polymer based timezone selection component

18
grokbot-animation
grokbot-animation iduu JavaScript

Unofficial 2D SVG bot animation lab, visual timeline editor, and framework-free Web Component.

18
lit-element
lit-element DerDrodt TypeScript

Implements lit-html via a LitElement class. Made for custom Elements

17
helium-animated-pages
helium-animated-pages alangdm JavaScript

A light spiritual succesor to neon-animated-pages using only css animations

17
web-components-hooks-demo
web-components-hooks-demo geocine JavaScript

web components hooks demo

17
paper-countries
paper-countries bluewatertracks HTML

Select Dropdown with list of countries with flags and autocomplete

17
jellySwitch
jellySwitch akhil0001 JavaScript

Jellified Light weight switch web component built on vanilla javascript

17
craftcms-boilerplate
craftcms-boilerplate codewithkyle JavaScript

A Craft CMS boilerplate for building websites using a matrix block based WYSIWYG page builder.

17
smart-accordion
smart-accordion HTMLElements

Smart Accordion Custom Element | Web Components | HTML Elements | Javascript UI

17
dark-mode
dark-mode jaywcjlove JavaScript

🌓 Add dark mode/night mode custom elements to your website.

17
social-button
social-button 1000ch TypeScript

Social Buttons as Web Components

17
stenciljs-virtual-scroll
stenciljs-virtual-scroll mgnstudio7 TypeScript

Virtual Scroll Web Component with DIFFERENT element height

17
onesy
onesy onesy-me TypeScript

MIT / Open source framework agnostic UI elements and utils, for building quality and production ready modern front end web apps

17
youtube-video-element
youtube-video-element muxinc JavaScript

A custom element (web component) for the YouTube player.

17
media-playlist
media-playlist muxinc JavaScript

A custom element for playing through a set of audio and video elements.

17
design-system-starter
design-system-starter Zuehlke TypeScript
17
build-your-own-component-island
build-your-own-component-island understanding-astro JavaScript

A framework independent partial hydration islands 🏝 architecture implementation. ⭐️ Star to show support!

17
web-ui
web-ui THEOplayer TypeScript

UI component library for the THEOplayer Web SDK

17
custom-element
custom-element austintheriot Rust

A CustomElement trait to create web components out of Rust structs.

17
hydra-element
hydra-element jdomizz JavaScript

🍬 A custom element for embedding Hydra video synth scenes in HTML

16
ioBroker.webui
ioBroker.webui iobroker-community-adapters TypeScript

UI using WebComponents

16
go-ui
go-ui getgoui TypeScript

Pattern-first, framework-agnostic, a11y focused, adaptive design system

16
uni-media
uni-media songkeys TypeScript

Easily display media content (image, video, audio, 3d-models) in a single component (Best for NFT)

16
vlalg-nimbus
vlalg-nimbus VemLavarALoucaGamers Vue

This is an Open Source project by VLALG that aims to share JavaScript libs, VS Code extensions, Browser extensions and Vue.js 3 components

16
live-code
live-code lume TypeScript

`<live-code>` element to display editable code with live output. Demo:

16
arc-plugin-enhance
arc-plugin-enhance enhance-dev JavaScript

Enhance framework Architect plugin that enables folder based routing and HTML Custom Element workflows for AWS Lambda backed web apps

16
lwc-signals
lwc-signals cesarParra TypeScript

A simple yet powerful reactive store for Lightning Web Components based on Signals.

16
playful-avatars
playful-avatars cmaas JavaScript

Playful avatars is a zero-dependency SVG-based avatar generator, distributed as a custom element (web component). It is a fork/rewrite of the popular...

16
css-for-shadow-dom
css-for-shadow-dom adobe JavaScript

Tracking the state of support for CSS features within and across the shadow DOM to provide visibility into feature parity, usage details, and outstand...

16
lit-code-editor
lit-code-editor rodydavis TypeScript

Lit Code Editor built with Vite and Monaco Editor (ESM version).

16
webuum
webuum webuum JavaScript

Lightweight JavaScript framework built for real websites

16
lyne
lyne lyne-design-system

🧪 Starting point for Lyne Design System

16
aurum
aurum CyberPhoenix90 TypeScript

Fast and concise declarative DOM rendering library for javascript

16
gwdcomponents
gwdcomponents niutech HTML

Google Web Designer Components

16
angular-snake-web-component
angular-snake-web-component gogakoreli TypeScript

Angular Snake Game Web Component

16
compare-image-slider
compare-image-slider johnwalley TypeScript

Compare two images with a slider

16
iconmeister.github.io
iconmeister.github.io iconmeister HTML

IconMeister.github.io 7000+ SVG icons in one single file Web Component <svg-icon> (core component < 1 kB) No dependencies, no external SVG files

16
stenciljs-icons-example
stenciljs-icons-example drygnet CSS

Using FontAwesome, Office UI Fabric and Material -icons in stenciljs

16
state
state bennypowers TypeScript

Lazy, explicit, typed, 1kb one-way state management

16
abdonrd.com
abdonrd.com abdonrd HTML

My little personal website

16
github-repository
github-repository abraham TypeScript

GitHub Repository Web Component

16
youtube-controller-extension
youtube-controller-extension maroun-baydoun JavaScript

A chrome extension to control Youtube™ videos from any web page

15
miller-columns-element
miller-columns-element alphagov JavaScript

Miller columns (cascading lists) for hierarchical topic selection on GOV.UK

15
capybara-shadowdom
capybara-shadowdom yuki24 Ruby

Shadow DOM support for Capybara

15
stencil-storybook-demo
stencil-storybook-demo Mokkapps TypeScript

This demo show how to run, build & deploy Storybook and Stencil from one repository

15
tonic-docs
tonic-docs socketsupply JavaScript

Documentation for Tonic Framework

15
catalyst
catalyst haiilo TypeScript

A framework agnostic design system and component library based on web components and SCSS.

15
beautiful-backgrounds
beautiful-backgrounds Niekes TypeScript

The "Beautiful Backgrounds" library offers a collection of customizable web components designed to enhance web pages with visually appealing animated...

15