Animate UI
Animated drop-in primitives for Radix UI, Base UI and React Aria, built with Motion. Swap the import, keep your shadcn/ui components.
Getting started
Animate every installed shadcn/ui component in one command:
npx @animate-ui/cli@latest animate all
Or swap a primitive's import yourself:
// Before import { Accordion as AccordionPrimitive } from 'radix-ui'; // After import { Accordion as AccordionPrimitive } from '@animate-ui/react/primitives/radix-ui';
Documentation
Visit animate-ui.com to view the documentation.
Contributing
Visit our contributing guide to learn how to contribute.
Code of Conduct
This project follows a Code of Conduct to help create a welcoming community. Please read CODE_OF_CONDUCT.md before contributing.
License
Licensed under the MIT license with the Commons Clause: use it in any application, website or product, commercial or not, but don't sell or redistribute the components themselves.