JavaScript & CSS Web Component

40+ best, open-source web components that work seamlessly across any tech stack. Achieve true component freedom and ‘build once, run anywhere’.

Custom Media Player Controls Using Web Components – media-chrome

Category: Javascript , Recommended | July 3, 2025

The media-chrome provides a set of web components to create custom media controls for Videos, Audios, and Live Streams.

Category: Form , Javascript , Recommended | June 27, 2025

A Web Component that adds real-time colorization to HTML inputs using regex patterns. Perfect for email, URL, and phone number field enhancement.

Category: Javascript , Table | June 25, 2025

A web component for supercharging static tables with interactivity. Sort, filter, customize, and more with just markup.

Category: Javascript | June 9, 2025

A lightweight web component for adding line numbers to pre & textarea elements. Supports custom start numbers and CSS styling.

Category: Loading | May 20, 2025

A vanilla JavaScript web component for faster YouTube embeds. Uses Shadow DOM, lazy loading, and responsive design to reduce page load times.

Category: Javascript , Table | May 13, 2025

The Active Table web component delivers a customizable, interactive, dynamic table experience in your browser.

Category: Javascript , Loading , Recommended | March 25, 2025

This is a custom-element that allows you to progressively loading images when the placeholders are clicked/tapped or scrolled into view.

Category: Frameworks , Javascript , Recommended | March 12, 2025

Shoelace is an open-source, highly customizable, framework-agnostic UI components library for modern web application design.

Category: Drag & Drop , Javascript | February 12, 2025

A lightweight TypeScript library for creating draggable web components. Perfect for interactive UIs and design tools.