@pulkitxm

Animates text sliding in from the left with a fade on scroll into view.

Image component that adapts quality and loading strategy based on real-time network speed.

Animated underline that tracks hover/active state and slides beneath nav items. Use with data-link-index on list items.

Sample navbar demonstrating AnimatedUnderline with hover and active states.

Confetti celebration effect on click. Wraps any trigger element and fires particles on interaction.

Scroll-linked parallax effect for images or content. Moves children on scroll for depth.

Animated 404 page with subtle icon motion and reduced-motion support.

Accessible dark mode toggle with View Transitions API support and icon, icon-label, or dual-tab variants.

Text that decrypts character by character with a scramble effect. Trigger on scroll, hover, or mount.

3D card with tilt and holographic glare effect that follows the cursor.

SVG path that draws itself on scroll, hover, or mount. Presets: diamond, circle, star, heart, arrow.

Canvas particle trail that follows the cursor. Fixed overlay, customizable color and particle count.

Typewriter effect that cycles through phrases with variable typing speed and blinking cursor.

macOS-style dock with magnetic cursor effect. Items scale and lift as cursor approaches.

Living aurora background with multiple variants. Sunset, ocean, forest, lavender, ember, ice.

Button with SVG path morph animation. Supports custom paths for idle, hover, loading, success.

400x400 Three.js particle field from SVG. lucide-react, react-icons, Heroicons, Tabler, Phosphor, and similar libs work out of the box. Cursor repel + spring h…

Shadcn button that swaps between two labels (and optional icons) with a crossfade. Width stays put. No layout jump when copy changes.

Grid that reveals items with wave-like stagger on scroll. Configurable columns and timing.

SVG path that draws itself on mount. Pass path for custom shapes or text to render handwriting.

Cards that stack and unstack with scroll. Gravity-style depth effect.

Scroll-jacks the page when the video reaches the viewport top. Scrubs video forward/backward with wheel input.

Pinned section where vertical scroll drives horizontal gallery position. Same pattern as Scroll-Linked Video Scrubber.

Circular layout with numbered cards. Scroll wheel rotates the circle. No scrollbar, finite cards.

Cursor spotlight effect. Dimmed background with bright radial gradient following cursor.

Fixed bar at the top that scales horizontally with scroll progress. Uses Framer Motion for smooth updates.

Drag-resizable panels for dashboards, IDEs, and editors. Supports horizontal/vertical layout and dynamic panel count.

Animated number counter that counts from 0 to target. Tabular nums prevent layout shift, respects reduced motion.

Accessible tabs with icon support, sliding indicator, and optional content panels. Keyboard navigable.

Changes the page title to a custom message when the user switches away from the tab. Uses the Page Visibility API.

Image component with Low Quality Image Placeholder (LQIP). Shows a blurred placeholder that fades into the full image on load.