Real-time Input Colorization Web Component – RichInput
A Web Component that adds real-time colorization to HTML inputs using regex patterns. Perfect for email, URL, and phone number field enhancement.
JavaScript & CSS Web Component
Add Sortable and Filterable Functionalities to HTML Tables with the Action Table Web Component
A web component for supercharging static tables with interactivity. Sort, filter, customize, and more with just markup.
Add Numbering to Pre and Textarea – line-numbers Web Component
A lightweight web component for adding line numbers to pre & textarea elements. Supports custom start numbers and CSS styling.
Responsive Progressive Image Lazy Loading Component – progressive-image
This is a custom-element that allows you to progressively loading images when the placeholders are clicked/tapped or scrolled into view.
Customizable Web Components UI Library – Shoelace
Shoelace is an open-source, highly customizable, framework-agnostic UI components library for modern web application design.
Embed Bluesky Comments On Your Site Using This Web Component
Add Bluesky comments to your website with zero dependencies. Lightweight, customizable web component for easy comment integration.
Create Draggable Web Components with TypeScript – Drag-easy-components
A lightweight TypeScript library for creating draggable web components. Perfect for interactive UIs and design tools.
Performance-Focused Youtube/Vimeo Video Embed Component – video-player
A lightweight web component that improves page performance by loading video iframes on demand. Works with YouTube and Vimeo platforms.
Responsive Customizable Scalebar Web Component – dv-scalebar
A lightweight SVG scalebar web component. Create customizable, responsive data visualizations with support for complex color schemes and flexible layouts.
Toggle Between Dark & Light Modes With The Theme Toggle Web Component
A lightweight web component that enables users to switch between dark and light themes of your site with the click of a button.