Free, open-source React micro-interaction components for the half-second after a click — copy the TypeScript source; the behavior is finished, the style is yours.
ReactAnimationOpen Source+2
interior.dev
React Bits
reactbits.dev
An open source collection of 200+ high-quality, animated, interactive and fully customizable React components and micro-interactions.
What is React Bits?
React Bits is an open source library of animated, interactive React components and micro-interactions intended for building interfaces that feel memorable rather than generic. Components are fully customizable, so they can be tuned to fit an existing design system. With more than 200 pieces in the collection, it covers everything from small micro-interactions to full animated sections.
Best for
- Memorable animated touches in React apps
- Customizable micro-interactions without a library lock-in
- Open source component hunting
Key features
- 200+ animated, interactive components
- Fully customizable to match your design
- Open source collection
- Micro-interactions for finishing touches
Related resources
interior.dev
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
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