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.
Codelab
Qiita slide mode embed library
Polymer based timezone selection component
Unofficial 2D SVG bot animation lab, visual timeline editor, and framework-free Web Component.
Implements lit-html via a LitElement class. Made for custom Elements
A light spiritual succesor to neon-animated-pages using only css animations
web components hooks demo
Select Dropdown with list of countries with flags and autocomplete
Jellified Light weight switch web component built on vanilla javascript
A Craft CMS boilerplate for building websites using a matrix block based WYSIWYG page builder.
Smart Accordion Custom Element | Web Components | HTML Elements | Javascript UI
🌓 Add dark mode/night mode custom elements to your website.
Social Buttons as Web Components
Virtual Scroll Web Component with DIFFERENT element height
MIT / Open source framework agnostic UI elements and utils, for building quality and production ready modern front end web apps
A custom element (web component) for the YouTube player.
A custom element for playing through a set of audio and video elements.
A framework independent partial hydration islands 🏝 architecture implementation. ⭐️ Star to show support!
UI component library for the THEOplayer Web SDK
A CustomElement trait to create web components out of Rust structs.
🍬 A custom element for embedding Hydra video synth scenes in HTML
UI using WebComponents
Pattern-first, framework-agnostic, a11y focused, adaptive design system
Easily display media content (image, video, audio, 3d-models) in a single component (Best for NFT)
This is an Open Source project by VLALG that aims to share JavaScript libs, VS Code extensions, Browser extensions and Vue.js 3 components
`<live-code>` element to display editable code with live output. Demo:
Enhance framework Architect plugin that enables folder based routing and HTML Custom Element workflows for AWS Lambda backed web apps
A simple yet powerful reactive store for Lightning Web Components based on Signals.
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...
Tracking the state of support for CSS features within and across the shadow DOM to provide visibility into feature parity, usage details, and outstand...
Lit Code Editor built with Vite and Monaco Editor (ESM version).
Lightweight JavaScript framework built for real websites
🧪 Starting point for Lyne Design System
Fast and concise declarative DOM rendering library for javascript
Google Web Designer Components
Angular Snake Game Web Component
Compare two images with a slider
IconMeister.github.io 7000+ SVG icons in one single file Web Component <svg-icon> (core component < 1 kB) No dependencies, no external SVG files
Using FontAwesome, Office UI Fabric and Material -icons in stenciljs
Lazy, explicit, typed, 1kb one-way state management
My little personal website
GitHub Repository Web Component
A chrome extension to control Youtube™ videos from any web page
Miller columns (cascading lists) for hierarchical topic selection on GOV.UK
Shadow DOM support for Capybara
This demo show how to run, build & deploy Storybook and Stencil from one repository
Documentation for Tonic Framework
A framework agnostic design system and component library based on web components and SCSS.
The "Beautiful Backgrounds" library offers a collection of customizable web components designed to enhance web pages with visually appealing animated...