Sébastien Rigaux

MicroKit: 54 React, CSS and Tailwind microinteractions to copy

View resource

microkit.co

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 ».

MicroKit UI graphic on a black background, showing the text “Microinteractions worth copying” beside concentric orange rounded squares.