Motion
A curated set of bespoke motion components. No Radix, no shadcn. Just motion.
Tilt me
Move your cursor across the card to see 3D tilt + glare.
Tilt Card
3D perspective tilt on hover with cursor-tracked glare.
Button
Spring-pressed Button plus StatefulButton (idle → loading → success / error) and MagneticButton.
Marquee
Infinite horizontal or vertical scroll with pause-on-hover.
Tabs
Pill, segment or underline tabs with a spring layoutId indicator.
Switch
Toggle with a spring-driven thumb and press feedback.
≈ $3,142
≈ $3,142
Multi-chain Swap
Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
Bottom Sheet
Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
Press ⌘ K (or Ctrl K) to open.
Command Palette
⌘K palette with fuzzy filter, spring-animated active row and glass surface.
Shared Layout Background
A pill that glides between hovered items via motion's shared layout, with blur enter/exit.
Dock
macOS-style dock with cursor-proximity magnification on each item.
Hover or focus each button. Content fades and un-blurs in.
Tooltip
Hover or focus tooltip with blur enter/exit and spring spawn.
Click a row. The modal morphs height to match new content.
Morphing Modal
Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.
Motion that feelsconsidered.
Word by word, with a soft blur.Text Reveal
Word or character reveal with spring slide-up and blur.
Text Shimmer
Gradient sweep across text for loading or emphasis.
Monthly recurring revenue
+12.4% vs last month
Animated Number
Spring-driven count-up triggered when in view.
Active users
01234567890123456789,012345678901234567890123456789live · updates every 2.5s
Number Ticker
Slot-machine rolling digits with staggered entry.