Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.
Digits scramble through random glyphs before resolving, with a chromatic split on hover.
Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.
A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.
A code card over a hidden stack that fans out with a spring on hover.
A terminal window that types a failed cd command and a 404 status, with a blinking caret.
Copy-button style swap with blur, opacity and scale.
Letter-by-letter slot roll: the old label's letters drop away as the new ones land, left to right.
The next text or icon rolls in from below with blur.
Composable numeric stepper whose fixed footprint adapts at its minimum and maximum while the value rolls between steps.
One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.
A compact activity glyph, action verb, and live tabular timer for longer-running agent work.
Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.
A quiet shimmer that keeps the agent's current status readable while work continues.
A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware labels.
Composable feedback with smooth transitions.
Overlapping avatars that fan apart on hover, lift with a name tooltip, and expand from a +N count to show everyone.
Status badge with animated state icons, pulse feedback and compact size variants.
Composable breadcrumb navigation with soft path transitions, a hoverable overflow dropdown for long trails, custom separators, and router-link support.
Expandable content with a smooth reveal.
Composable color swatches with a spring-gliding selection ring, press feedback, native radio keyboard navigation, and controlled or uncontrolled state.
Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long-press support.
An accent tile that expands into a dotted-arrow trail on hover or focus.
Hold to complete with a vertical or horizontal liquid fill; release early to cancel.
Drag the thumb to the end to confirm an action; release early to spring back.
Page navigation with a gliding current-page pill, page numbers that slide as the window moves, and ellipses that jump several pages.
A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile.
Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.
A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.
Radial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each label. Supports drag momentum, keyboard input, disabled choices, controlled or uncontrolled values, forms and reduced motion.
Responsive media with smooth aspect ratio transitions.
Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.
Grouped, stacked and horizontal bars that grow in, rescale and reorder with springs.
A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path.
Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.
Animated rankings with curved paths, interactive rank dots, and tooltips.
Press scale, hover lift, variants and sizes.
Button composed with the Magnetic wrapper for cursor-attracted pull.
A neutral button surface framed by a pronounced chrome rim with a straight traveling reflection.
Idle → loading → success / error with blur-swap slots and morphing width.
Live OHLC candles with volume, a last-price line, and a crosshair readout.
Composable card with header, title, description, action, content and footer parts. Outlined or muted surfaces, standard or compact spacing, and an opt-in selectable state with press feedback that composes with Checkbox, Radio and Button.
A card table with a face-down deck, a fanned hand and a discard pile. Cards arc across the table between them and flip in flight, hop over each other when the hand is sorted, and lift on hover. Data-driven by each card's zone, with custom faces and backs, keyboard-playable hand cards and reduced-motion support.
A landscape card tucked into a stitched purse pocket that lifts forward as the purse compresses into its bottom seam, with controlled open and card-detail visibility plus a separate overflow action.
A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.
A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and prompt input.
Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.