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.coLoading resources…
Chanhdai
chanhdai.com
A shadcn registry of 42 pixel-perfect, uniquely crafted components — from Apple Carousel to Fluid Gradient Text — free to copy and MIT licensed.
What is Chanhdai?
This is Chánh Đại's component registry, a developer portfolio doubling as a shadcn-style registry with 42 pixel-perfect components and blocks. Offerings range from Apple Carousel, GitHub Contributions, and Elastic Slider to Glow Card Grid, Spotlight, and a React Wheel Picker, all free to copy. It is built on Next.js, React 19, Base UI, and Tailwind CSS 4, MIT licensed, and installable through the shadcn CLI.
Best for
- Copy-paste shadcn registry components
- Polished micro-interactions and effects
- Portfolio-grade React UI details
Key features
- 42 pixel-perfect components and blocks
- Installable via the shadcn CLI
- Built on Base UI and Tailwind CSS 4
- MIT licensed and free to copy
- Effects from Apple Carousel to Spotlight
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 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