Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and 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.
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.
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.
Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.
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.
Slot-machine rolling digits with staggered entry.
Animated order book with bid and ask depth, spread, and volume balance.
One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.
Connected pill rail for primary actions that springs open to reveal extra controls.
Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on top. Click or hover, controlled or uncontrolled.
Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips as one piece — a single-surface morph with a drop-shadow that hugs the shape. Side/align aware, controlled or uncontrolled.
Compact market listings with consistent outcome rows, animated odds CTAs, payout multipliers and bookmarks. Odds CTAs use green/red backgrounds and roll into Yes/No labels on hover or keyboard focus. Use Update odds to preview animated price changes.
Buy and sell outcomes with rolling amount entry, quick add chips and trade states.
Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.
Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub with a pointer or keyboard and customize the active readout.
An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.
An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.
Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.
Single-select choice control with a gliding layoutId indicator dot and spring press feedback.
Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.
No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it.
An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts around either label as it passes.
Tick dots, and a vertical-bar thumb that bounces as it lands on each step.
The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.
Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave.