Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.
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.
A Plinko board where balls drop through rows of pegs, bounce left or right off each one and land in a slot. Pegs flash when hit, the slot pulses on landing, several balls can fall at once, and reduced motion lands a ball instantly.
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 full-size panel reveals from the corner nearest the trigger on one synchronized spring clip, keeping content and borders unscaled, then retraces the clip on close. Clip-path and its drop-shadow may paint. 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.
Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.
Weighted flows between stages that draw in and morph with your data.
Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe.
Reading-progress indicator (fixed bar or circular ring) driven by scroll position via useSmoothScroll, with spring smoothing.
Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.
Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly.
Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe.
Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a shared layoutId: one continuous surface that grows open and shrinks back, never detaching.
Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with a short, shared row reveal. Position-aware (opens upward when needed).
Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated variants.
A pill that glides between hovered items via motion's shared layout, with blur enter/exit.
Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and an animated submit lifecycle.
A slide game: set a bet and a target, then a reel of colour-coded multiplier cards races past two tabs at the center of the stage, turning in 3D as they pass, slows through the last few and clicks the round's result into place between them. Cards that would beat your target carry a pip, the tabs turn primary on a win and red on a miss, and recent rounds collect in a history strip. Server-decided results, optional tick and win sounds, reduced-motion safe.
Composable sortable list with group, item, drag handle, content and undo parts, plus a shared state hook. Spring layout, keyboard reordering, accessible position announcements, and controlled or uncontrolled items.
A compact inline trend for stat cards and tables, with a change badge and optional readout.
Animated status history with rounded bars and period tooltips.
A stable response surface with completion actions, rendered content, and an expandable source summary.
Mobile-style list rows that swipe left or right to reveal contextual action buttons.
Toggle with a spring-driven thumb and press feedback.
Loads pages on demand: skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.
10k virtualized rows with sortable headers, row selection, column resize and reorder.
Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.
Pill, segment or underline tabs with a spring layoutId indicator and optional icons.
A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep.
Letter-by-letter slot roll for standalone text: old letters drop away as new ones land, left to right.
Word or character reveal with spring slide-up and blur.
A controlled character scramble that resolves changed text while keeping its final value accessible.