Motion-focused shadcn-compatible components, hooks, and blocks for polished React interfaces.
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.