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
Interior.dev
interior.dev
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.
What is Interior.dev?
interior.dev argues that software feels cheap when the half-second after a click is unfinished, and ships 54 animated React components argued out to the frame. Each one handles finished behavior — publish states, hold-to-delete, tooltips with formatting — while leaving the styling entirely to you. The TypeScript source is free to copy under an MIT license, and the library was named Library of the Month on 21st.dev.
Best for
- Polishing click feedback on buttons and tooltips
- React teams wanting behavior without style lock-in
- Open-source micro-interactions to copy into apps
Key features
- 54 animated React micro-interaction components
- Copyable TypeScript source, MIT licensed
- Finished behavior, styling left to you
- Patterns like hold-to-confirm and publish states
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 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