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
Motion Primitives
motion-primitives.com
An open-source React UI kit of copy-paste animated components built for Next.js and Tailwind CSS, with new components released regularly.
What is Motion Primitives?
Motion-Primitives provides beautifully designed motion components that you copy into your project and customize, from text scrambles to scroll-driven reveals. It targets React, Next.js and Tailwind CSS and is fully open source, with free updates and new components released regularly. Built for engineers and designers, it fits naturally into a shadcn-style copy-paste workflow.
Best for
- Animated interfaces in Next.js apps
- Copy-paste motion components you own
- Scroll and text effects for Tailwind sites
Key features
- Copy-paste animated React components
- Built for Next.js and Tailwind CSS
- Open source and customizable
- Regular free component updates
- Effects from text scramble to scroll reveals
Related resources
microkit.co
160+ copy-paste React components for motion, transitions and UI effects — morphing buttons, 3D carousels, loaders and chart animations.
ReactAnimationComponents+1
amicro.vercel.app
Visitopens in a new tab
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