@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 controlled binary icon transition with stable layout, interruptible state changes, and reduced-motion support.

A composable heart toggle with controlled and uncontrolled state, a center-out fill transition, and a miniature-heart scatter.

A ready-made labeled action built from the composable Like primitive.

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

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

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

A circular media toggle built from three overlapping SVG elements that compress, slide, expand, and settle together with an optional duration override.

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

A bottom-anchored shortcut menu that fans actions along a configurable arc while its trigger shrinks and swaps from a shortcut grid to a close icon.

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 composable slider that stays expanded on mobile and grows from an icon button on desktop hover, focus, or drag.

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 resizable brand-outline heart that leans left on hover before revealing soft blush marks.

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, supports an animation opt-out, and gathers on hover or active state.

A fixed-slot one-time passcode input with paste, autofill, an error shake, and a staggered success wave.

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

Adds active, exact, and pending route state to Next.js App Router links, with typed routes, nested matching, and Cache Components support.

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

A horizontally scrollable multi-select tag row that groups selected tags first in selection order, with responsive controls and reduced-motion support.

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

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.

A responsive Mermaid rendering surface with streaming and error states, repair hooks, and an accessible pan-and-zoom fullscreen viewer.

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

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

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

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.

Countdown and count-up timers with optional controls, accurate deadline tracking, customizable digit slots, and opt-out motion.

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.

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

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

A direction-aware gallery that reveals later scenes from below and earlier scenes from above with a paired vertical image transition.

A screen whose resting card deck lifts to the top, drops the sheet away, and pulls a full page of detail up behind it, then swipes card by card.

A render-free vertical scroll progress hook for window or element scrollers with optional time-based smoothing.

A touch-first React hook for previous and next navigation with configurable feedback, live gesture progress, direction locking, ownership, and reduced-motion s…

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 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…