seen from Romania
seen from United States
seen from China
seen from Canada
seen from Netherlands
seen from Indonesia
seen from Malaysia
seen from China
seen from Australia
seen from United States
seen from Malaysia
seen from China
seen from United States
seen from United States
seen from Finland
seen from China
seen from United Kingdom
seen from United States
seen from China
seen from Netherlands
Auto-Generated Skeleton Loader Web Component for Any Framework - phantom-ui
phantom-ui is a Web Component skeleton loader that measures your real DOM at runtime and generates animated shimmer placeholder blocks at the exact position of every leaf element. The library wraps any markup in a <phantom-ui> custom element. The loading attribute activates the shimmer overlay. Removing it reveals the actual content. Features Generates shimmer placeholders from real DOM…
Conditional Content Visibility with show-when Web Component
show-when is a Web Component library that shows or hides HTML content based on URL, browser, language, media, CSS feature, and network conditions. You can use it to create conditional content blocks in edit previews, feature demos, responsive notes, offline messages, and documentation pages. The library registers two custom elements: <show-when> and <hide-when>. The first element displays content…
Animated Icon Component Library for React/Vue/Svelte/Solid/Web Component
Animated Icons is an animated icon library that you can easily use as components in your React/Vue/Svelte/Solid/Web Component apps. It currently includes 3,640 icons total from three major SVG icon sets (Lucide, Heroicons, and Iconoir) and runs all animations through CSS transitions and keyframes. Features: Each icon accepts primaryColor and secondaryColor props or CSS custom properties for…
3D Card Flip with Touch & Mouse Drag – TouchFlip3D-Web
TouchFlip3D-Web is a vanilla JavaScript Web Component that flips HTML elements in 3D space in response to drag and touch gestures. It requires no external dependencies and uses the Shadow DOM to keep its internal styles completely isolated from the host page. Features: Touch gesture support: Responds to native touch events for smooth 3D rotation on mobile and tablet. Mouse drag support: Fully…
Tiny Touch Carousel Web Component for Modern Apps - Pure Swipe Slider
Pure Swipe Slider is a web component library that creates high-performance, touch-enabled carousels using Web Components API, Pointer Events, and GPU-accelerated transforms. It ships as a custom element that works across React, Vue, Angular, and vanilla JavaScript projects. Features: Minimal Bundle Size: Ships at 3.5KB gzipped with zero runtime dependencies. Unified Input Handling: Processes…
Real-time Input Colorization Web Component - RichInput
RichInput is a Web Component library that enhances native form inputs with real-time colorization capabilities. It parses the input’s value against a regular expression and applies custom CSS styles to the matching capture groups as a user types. This provides immediate visual feedback for structured data, like separating the user and domain in an email address or formatting a phone…
Add Numbering to Pre and Textarea - line-numbers Web Component
<line-numbers> is a lightweight web component that adds line numbers to <pre> and <textarea> elements. It even dynamically updates with <textarea> input. Features: Non-Selectable Numbers: The numbers are rendered in the Shadow DOM. Multi-element support: Works with both <pre> and <textarea> elements Real-time updates: Line numbers automatically adjust when adding or removing lines in…
A web component for drawing patterns with CSS
