Animate UI

Animate UI is a free open-source React component library with Tailwind and Framer Motion animations, inspired by shadcn/ui, to effortlessly elevate web interfaces.

Animate UI (animate-ui.com) is an open-source library of animated React components built with Tailwind CSS and Framer Motion, inspired by shadcn/ui and Magic UI, providing developers with pre-built, customizable UI elements featuring smooth animations to enhance user interfaces in web applications.

Key Features

  • Animated Components: Ready-to-use React components with built-in animations, such as buttons, cards, and modals, for seamless integration.
  • Tailwind & Motion Integration: Leverages Tailwind for styling and Framer Motion for high-performance animations, ensuring lightweight and responsive designs.
  • Customization: Fully customizable via shadcn/ui-style installation, allowing easy theme and variant adjustments.
  • Roadmap Highlights: Upcoming features include animated Lucide icons, blocks & templates for faster composition, and participation in Vercel OSS Program.
  • Community & Open Source: Source code available on GitHub (imskyleen/animate-ui), encouraging contributions and free use.