Ship faster with production-ready, performance-rated animated components that drop into your design through Tailwind & shadcn, or adapt via your AI agent.
Bring polished, performance-rated motion to every part of your product, from first impression to final interaction.
Every component is easily skinnable, automatically responding to your design through shadcn tokens or AI. The feel of every animation can be tweaked across all components through a single file.
Components never hard-code transitions. Everything resolves from a single motion.theme.ts file, so tuning the site all happens in one file.
Every default transition is physics-backed. Click the name of our presets to preview.
Default: menus, cards, reveals.
Every component is styled with shadcn’s semantic tokens, the same background, card, primary and radius your app already defines, so it adopts your brand the moment it lands.
Don’t use shadcn or Tailwind? The Motion MCP lets Cursor, Claude or any MCP-compatible agent access the full catalogue of Motion UI sections and components, plus our 400+ examples.
Set up the AI KitHero sections, animated pricing, testimonial carousels and more.
Install the mechanics behind every section directly, from command palettes and sheets to animated numbers and feedback.
Motion UI is included with Motion+, alongside every example, the AI Kit, and all premium components and APIs. One purchase, no separate subscription.
The premium Motion library, Motion UI and AI workflows.
Motion+ for your full team, with transferable seats and release alerts.