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.
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.
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.
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.
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.
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.
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.
Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.
A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.
Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and controlled or uncontrolled state.
⌘K palette with fuzzy filter, spring-animated active row and glass surface.
Stacked bar and area shares with period tooltips and a compact interactive legend.
A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.
macOS-style dock with grouped actions and a gliding active pill.
Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.
iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.