Motion-focused shadcn-compatible components, hooks, and blocks for polished React interfaces.
A CSS-powered staggered entrance primitive for lists, cards, steps, rows, and search results.
A compact animated badge for status labels with icon and text slot transitions.
A shadcn Button-based action that transitions through idle, loading, and success states.
Draws along SVG strokes or an element's border, then holds, traces, loops, or orbits. Interruptible reverse or forward exits, with plain line or neon glow.
Random characters settle into readable text, one character at a time. Change the text to decode a new message.
A Motion-powered text primitive that morphs matching characters between string updates.
Countdown and count-up timers with optional controls, accurate deadline tracking, customizable digit slots, and opt-out motion.
A client-safe React hook that measures an element's height with ResizeObserver so a container can animate between content heights.
A client-safe React hook that measures multiple keyed element sizes with ResizeObserver so animated shells can morph to active content.
A client-safe React hook for reading prefers-reduced-motion and reacting to preference changes.
A client-safe React hook that parks a selected item at a fixed anchor point in a scroll container, with a configurable easing and duration — the click-to-scroll behavior for navigation panels, command palettes, and step lists.
A render-free vertical scroll progress hook for window or element scrollers with optional time-based smoothing.
A client-safe React hook that spotlights one scripted animation sequence at a time, pausing off-screen, on hidden tabs, while focused, and under reduced motion.
A touch-first React hook for previous and next navigation with configurable feedback, live gesture progress, direction locking, ownership, and reduced-motion support.
A direction-aware gallery that reveals later scenes from below and earlier scenes from above with a paired vertical image transition.