Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.
Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.
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 staggered items. 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 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.
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.
Gradient sweep across text for loading or emphasis.
Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen like a shutter.
3D perspective tilt on hover with cursor-tracked glare.
A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.
A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.
A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.
Hover or focus tooltip with a subtle scale and fade, collision-aware placement, and optional cursor tracking.
Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.
iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.