Elevate your UI with fluid, animated components
A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.
Animated Components
Beautiful Motion-animated components for dynamic websites.
Open Source
A project built for the dev community with the dev community.
Complementary to Shadcn UI
The components are designed to be used with Shadcn UI components.
Component Distribution
Install the components in your project and modify them as you wish.
Components
Various types of animated components
Find all types of animated components on Animate UI. Dynamic backgrounds, primitive components animated with Motion and styled with Shadcn's style, animated text and effects to let you easily animate your own components.
Move your mouse over the div
Distribution
Not a library but a component distribution
Animate UI is not a library, it's a component distribution system. You can use the components in your project simply by installing them with the shadcn/ui CLI, or by copying the code and pasting it into your project.