49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.
ReactTailwindCSS+3
microkit.co
Rareui
rareui.com
A free, open-source registry of 1,600+ rare animated React components built with Tailwind CSS and Motion, installed with the shadcn CLI or MCP.
What is Rareui?
Rare UI collects rare and unusual animated components — voice notes, rail tables of contents, gravity letters, gooey navs, duration pickers — each delivered as a single file you own rather than a dependency you install. Everything is built with Tailwind CSS and Motion, and components can be added via the shadcn CLI or MCP. The catalog is organized into display, navigation, inputs, feedback and AI kit sections.
Best for
- Distinctive animated sections beyond standard kits
- shadcn CLI and MCP-based workflows
- Owning component code as single files
Key features
- 1,600+ rare and unique animated components
- Every component is a single file you own
- Install with the shadcn CLI or from MCP
- Sections from AI kit to gooey navigation
Related resources
microkit.co
138 free, open-source animated components for React and Next.js, built with Motion and Tailwind CSS — copy the source or install via the shadcn CLI.
ReactTailwindAnimation+2
beui.dev
A shadcn registry of 42 pixel-perfect, uniquely crafted components — from Apple Carousel to Fluid Gradient Text — free to copy and MIT licensed.
ReactTailwindAnimation+2
chanhdai.com