ericts

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

An accessible switch with optional state labels, three sizes, and configurable motion.

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

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

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

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

A floating panel that grows from a compact icon trigger and holds arbitrary content.

A Motion-powered segmented tab list for switching modes or views, with an active tab that expands from icon-only into a label.

A composable slider that stays expanded on mobile and grows from an icon button on desktop hover, focus, or drag.

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

A shadcn toggle button that expands from an icon into an icon-and-label action while keeping the icon anchored.

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

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

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

A configurable floating action menu with coordinated size presets, a shrinking trigger, crossfading icon states, and staggered shortcuts.

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

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

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

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

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

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

A circular media toggle whose glyph morphs between a play triangle and pause bars, with a ghost or frosted over-video surface.

A CSS-powered primitive that layers an element with projected and contact shadows, supports an animation opt-out, and gathers on hover or active state.

A controlled or uncontrolled horizontal selector rail with centered labels, roving focus, and an edge-underline indicator on the active item.

A composed content browser that pairs a scalable vertical rail with one focused stage, collapsing to a scrollable strip on small screens.

An immersive scene selector whose photo lifts into a travelling corrugated wave, swapping to the next scene at the crest before settling flat.

An art-directed scroll hero that expands a detail into context or focuses a full-bleed scene into a discovery.

A controlled or uncontrolled vertical list with optional initial selection, mirrored alignment, and a dot, dash, or custom icon indicator.

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

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

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.

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.