- Website
- animate-ui.com
- GitHub stars
- 4.5k
About Animate UI
Animate UI is a set of drop-in animated primitives for React that plug into Radix UI, Base UI, and React Aria. It lets you swap the import while preserving your components, styles, and API, so you can add motion without a rewrite.
Key Features
Developers can add motion to existing primitives by swapping imports without rewriting component code. It works with Radix UI, Base UI, and React Aria, and you can kick off animations across components with a single command:
Drop-in primitives
Animated versions of Radix UI, Base UI, and React Aria that preserve your API and styling so no component code changes are needed.
Swap-import compatibility
Swap the import path to the animated primitives without touching component props or structure.
Spring-driven motion
Animations powered by Animate UI springs, with presets for hover, tap, in-view, and looping states.
CLI tooling & package support
The CLI lets you run commands like npx @animate-ui/cli@latest animate all and supports npm, pnpm, yarn, and bun.
Summary
Best for frontend teams, UI engineers, and design-system owners integrating motion into existing components.
