Clover UI is a collection of animated React components built with Tailwind CSS and Motion. Each one installs as source code with the shadcn CLI, so the file lands in your project and is yours to change.
- Source you own. One file per component, with only the dependencies it needs.
- A live playground. Try every option on the component's page, then copy the code.
- Light, dark and reduced motion. Components follow your theme and respect
prefers-reduced-motion.
Install Clover UI, use it from your AI editor with MCP, or browse the components in the sidebar.
Credits
Clover UI stands on the work of these projects and the people behind them.
- Spell UI by @sushidrip, the biggest inspiration behind Clover UI.
- shadcn/ui for the registry, CLI and MCP server.
- Vercel for Next.js, hosting and Agent Skills.
- Motion for the animations.
- Tailwind CSS for the styles and dark mode.
- Base UI for the accessible primitives under the site search and inputs.
- coss ui for the command menu, autocomplete and input components.