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
MicroKit UI
microkit.co
49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.
What is MicroKit UI?
MicroKit UI focuses on the small interactions that make product interfaces feel considered: click feedback, hover reveals, expanding tabs, magnetic fills and scrub-able number fields. Components are distributed through an official shadcn registry, so you add them with one npx command and own the code. Every component ships in React or pure CSS variants, free and MIT licensed.
Best for
- Microinteractions for product interfaces
- shadcn/ui projects needing button polish
- Pure CSS hover and click effects
Key features
- 49 copy-paste microinteractions
- React and CSS variants per component
- Official shadcn registry installs
- No package dependencies, MIT licensed
- Hover, click and drag interaction types
Related resources
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
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.
ReactTailwindAnimation+2
rareui.com