an
mixedReact
@animbits
AnimBits is a collection animated UI components for React that use Framer Motion. The components provided include buttons, cards, text, icons, lists, loaders, and page transitions, animation hooks all of which have general-purpose effects that are not flashy and easy on the eyes, making them easy to use.
Add to components.json
In catalog"registries": {
"@animbits": "https://animbits.dev/r/{name}.json"
}Then npx shadcn@latest add @animbits/<item> — every tile below copies its own command.
15 items · 15 run live as they reach the viewport