@ericts

A Motion-powered layout primitive that observes content size and animates height changes.

A shadcn Button-based clipboard control with animated copy and success states.

A shadcn Button-based action that transitions through idle, loading, and success states.

A compact animated badge for status labels with icon and text slot transitions.

A single-button floating select that expands into an animated option list.

A controlled or uncontrolled toolbar primitive that measures its action slot and expands from either side.

A pure SVG checkmark animation that draws a square or circle before the check.

A jitter animation primitive plus a ready-made vibration icon.

A squeeze animation primitive plus a ready-made SVG card icon.

A Motion-powered heartbeat primitive with a projected shadow layer and reduced-motion support.

A CSS-powered primitive that layers an element with projected and contact shadows, then gathers them on hover or active state.

A fixed-slot one-time passcode input with paste, autofill, error shake, and animated success feedback.

A Motion-powered tab list with a shared highlight indicator and keyboard navigation.

A DynamicIsland-style toolbar whose icon tabs expand into actionable menu or content panels, with full keyboard and ARIA support.

A compact icon button that morphs — growing in width and height from its corner — into a floating panel holding arbitrary content. The transformation is the po…

A Base UI navigation menu with centered popups, animated viewport sizing, and shadcn-style composition.

A Motion-powered text primitive that morphs matching characters between string updates.

A shared-layout dialog that expands list items into an accessible detail view.

A scoped custom cursor for pointer-rich surfaces where each target can register its own label, icon, and interaction intent.

A Motion-powered feedback popover that expands from a trigger, supports keyboard submission, and confirms receipt inline.

A Motion-powered multi-step container that slides between steps and animates height changes.

A shadcn Drawer that measures panel content and animates height changes.

A CSS-powered staggered entrance primitive for lists, cards, steps, rows, and search results.

A client-safe React hook for reading prefers-reduced-motion and reacting to preference changes.

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 that parks a selected item at a fixed anchor point in a scroll container, with a configurable easing and duration — the click-to-scrol…