Component Registry
Registry
A collection of drop-in animated components for your next project. Copy and paste or install with a single command.
npx shadcn@latest add https://pulkitxm.com/components/[component].json;Horizontal Scroll Gallery
Pinned section where vertical scroll drives horizontal gallery position. Same pattern as Scroll-Linked Video Scrubber.
Infinite Circular Scroll
Vertical list of cards with infinite scroll. Scroll past the last to wrap to the first.
Network Image
Image component that adapts quality and loading strategy in real-time based on connection speed using the Network Information API.
Scroll-Linked Video Scrubber
Sticky video that scrubs forward/backward as you scroll. Uses a tall wrapper and position: sticky — no scroll hijacking.
Magnetic Cursor Dock
macOS-style dock with magnetic cursor effect. Items scale and lift as cursor approaches.
Animated Underline
Animated underline that tracks hover/active state and slides beneath nav items. Add data-link-index to list items for correct positioning.
Aurora Background
Living aurora background with multiple variants. Sunset, ocean, forest, lavender, ember, ice.
Cursor Spotlight
Cursor spotlight effect. Dimmed background with bright radial gradient following cursor.
Gravity Scroll Cards
Cards that stack and unstack with scroll. Gravity-style depth effect.
Handwriting SVG
SVG path that draws itself on mount. Pass path for custom shapes or text to render handwriting.
404
Oops! Page not found
Not Found Page
Animated 404 page with subtle icon motion and reduced-motion support.
Parallax Image
Scroll-linked parallax effect for images or content. Moves children on scroll for depth.
Party Popper
Confetti celebration effect on click. Wraps any trigger element and fires particles on interaction.
Los Flamencos National Reserve
is a nature reserve located
in the commune of San Pedro
Slide In Text
Animates text sliding in from the left with a fade when it enters the viewport.
Stagger Reveal Grid
Grid that reveals items with wave-like stagger on scroll. Configurable columns and timing.
SVG Morph Button
Button with SVG path morph animation. Supports custom paths for idle, hover, loading, success.
Fluid Cursor Trail
Canvas particle trail that follows the cursor. Fixed overlay, customizable color, physics, and particle count.
Line Draw SVG
SVG path that draws itself on scroll, hover, or mount. Presets: diamond, circle, star, heart, arrow.
Text Scramble
Text that decrypts character by character with a scramble effect. Trigger on scroll, hover, or mount.
Tilt Card Glare
3D card with tilt and holographic glare effect that follows the cursor.
Typewriter
Typewriter effect that cycles through phrases with variable typing speed and blinking cursor. Pauses when out of viewport.
Theme Toggle
Accessible dark mode toggle with View Transitions API support. Icon, icon-label, or dual-tab variants.