Components
9 shadcn-compatible components, each enhanced with purposeful motion and a reduced-motion fallback. Every preview below is the real component running live.
Motion gives interfaces a voice.
Text Animate
Staggered text reveals by word, character, or line, with ten animation presets.
Content arrives, it does not appear.
DesignBuildShipBlur Fade
In-view blur and fade entrance for any element, with a stagger container for lists.
Magnetic
Elements that lean toward the cursor on a spring, for buttons and icons.
Animated Background
A shared highlight that glides between hovered or selected items, for navs and segmented controls.
- The active pill glides between triggers on a spring.
Animated Tabs
shadcn Tabs with a sliding active pill and content that crossfades in.
Animated Dialog
shadcn Dialog with a spring scale and blur entrance that also animates out on close.
Animated Accordion
shadcn Accordion where the panel eases open and the content blur-fades in a beat behind it.
Animated Number
Numbers that spring to their value in tabular figures, with Intl formatting.
Switches this page. The sweep rides the View Transitions API.
Theme Toggle
A light/dark switch where the new theme sweeps across the page on a view transition.