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
Beui
beui.dev
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.
What is Beui?
beUI provides animated, copy-paste React components for React 19 and Tailwind CSS 4, built on Framer Motion and distributed through the shadcn CLI. Beyond its 138 components it offers blocks, charts, agent UI, and a playground, with a Pro tier for extra pieces. Everything is free, open source, and fully customizable, installing with a single shadcn command across bun, npm, pnpm, or yarn.
Best for
- Animated React and Next.js interfaces
- shadcn-style copy-paste component workflows
- Tailwind 4 and React 19 projects
Key features
- 138 animated copy-paste components
- Built on Motion and Tailwind CSS 4
- Distributed via the shadcn CLI
- Blocks, charts, and agent UI sections
- Open source with optional Pro extras
Related resources
microkit.co
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