Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.
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.
Composable color picker whose trigger chip morphs into the saturation and brightness area. A loupe lifts off each thumb while you drag. Includes hue and opacity sliders, hex, RGB and HSL fields, an eye dropper, presets, full keyboard control, and a controlled or uncontrolled value.
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 hot-air balloon climbs an altimeter: the tape and clouds scroll past as the multiplier rises, a parachutist bails at your cash out, and a crash pops the envelope.
A paper plane flies the multiplier up a curve through a speed field; a parachute opens where you cash out, and a crash tumbles the plane out of the sky.
Blocks stack higher with the multiplier and the tower sways more the taller it grows; your cash-out block keeps a pennant, and a crash topples the top of the stack.
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.
Composable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and preset parts, plus a shared state hook. Compact inline and dropdown compositions, direct month and year selection, and full keyboard navigation.
macOS-style dock with grouped actions and a gliding active pill.
Rounded share segments with a linked center readout and legend.
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.
Click-to-expand button and chip controls that reveal a label or trailing action through spring layout continuity.
Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.
Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.
A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.
Composable file and folder primitives with springing branches, a gliding selection, and complete keyboard navigation.
A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image previews, and an audio waveform.
A drag-and-drop upload queue with progress rows, upload states, retry, and removal.
Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, headers and stage height animate into every new layout. A third place play-off sits below the tree under its own rule. Round names, team artwork, dates and result chips all come from the data you pass.
The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by ring, and hovering one isolates that team while the rest recede. Teams show a flag, a logo or their initials, and a deeper draw grows another ring.
Vertical and horizontal funnels with curved stages and animated number tooltips.
Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a selected span.
A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.
A thumbnail-connected image viewer with composable gallery, thumbnail, content, caption and navigation parts, plus a shared state hook. Expand into the full-size image and return to the thumbnail on close, with swipe navigation, zoom and pan.
Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.
Text input with label, left/right icons, optional stable error row, error shake and success check draw.
Line and area charts that morph with your data, with a snapping crosshair and value tooltips.
Animated liquidity bands across price and time, with a price trace and depth tooltips.
Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.
Infinite horizontal or vertical scroll with pause-on-hover.
Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent rows.
A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.
A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.
A mines board: pick tiles to find gems, each one raising the multiplier, and cash out before you hit a mine. Each gem you find is numbered in pick order, an odds ring shows the chance the next pick is safe, and the round's end reveals every tile in a ripple from your last pick before a ticket-stub result card rises with the outcome, stats and a miniature of your run. Distinct synthesized sounds for gems, streaks, mines and cash outs; keyboard playable, reduced-motion safe.
Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.
Docked search bar that springs wider on focus and unfolds a recent-searches panel out of its own edge. Terms become removable chips, the bar grows with them, and suggestions filter as you type.
Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.
Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.
Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
Composable multi-select primitives with searchable options, removable animated tokens, and a morphing collision-aware panel.
Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.
Spring-driven count-up triggered when in view.
Fixed-slot digits and mask glyphs that roll on change with controllable direction, stagger, replay, and suffix emphasis.