# MicroKit: 54 React, CSS and Tailwind microinteractions to copy

Canonical source : [MicroKit: 54 React, CSS and Tailwind microinteractions to copy](<https://sebastien.rigaux.be/en/tech-watch/links/microkit-54-react-css-and-tailwind-microinteractions-to-copy>)

MicroKit collects copy-ready interactions—animated buttons, tabs, inputs and hover effects—with React or CSS and Tailwind variants. Each component is copied separately in JavaScript or TypeScript, with no package to install; 26 of the 54 have no dependencies, while 28 use lucide-react.

The code is MIT-licensed, and Tailwind variants are designed for versions 3 and 4. In the Next.js App Router, most components work in server components; those using state, refs or event handlers need « use client ».

- Selected on : 2026-10-29

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Article

- Source language : EN

- Credit : Henrique Barone

- Found via : [Frontend Focus](<https://frontendfoc.us/>)

Original resource : [MicroKit: 54 React, CSS and Tailwind microinteractions to copy](<https://microkit.co/>)

Tags : [Animation](<https://sebastien.rigaux.be/en/tech-watch/tags/animation>) · [React](<https://sebastien.rigaux.be/en/tech-watch/tags/react>) · [CSS](<https://sebastien.rigaux.be/en/tech-watch/tags/css>) · [Tailwind CSS](<https://sebastien.rigaux.be/en/tech-watch/tags/tailwind-css>) · [UI/UX](<https://sebastien.rigaux.be/en/tech-watch/tags/ui-ux>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/microkit-54-micro-interactions-react-css-et-tailwind-a-copier>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/microkit-54-react-css-and-tailwind-microinteractions-to-copy>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)