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.