Motion componentsthat don't suck.
Interactions worth shipping. No Radix, no shadcn. Just motion. Copy, paste, done.
Catalogue
16 motion components.
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.