{"repo":"henriquegpb/microkit","free":true,"listed":false,"github":"https://github.com/henriquegpb/microkit","clone":"git clone https://github.com/henriquegpb/microkit.git","description":"Copy-paste microinteractions for thoughtful product interfaces. Built with React, TypeScript and Tailwind CSS.","language":"TypeScript","stars":10,"topics":["animation","design-system","frontend","microinteractions","nextjs","open-source","react","tailwindcss","typescript","ui-components"],"license":"MIT","category":"ui-components","readme_excerpt":"MicroKit UI Details matter. Copy-paste microinteractions for thoughtful product interfaces. Explore interactions · Submit a component · Sponsors Why MicroKit? MicroKit is a focused library for the small interactions that make an interface feel considered. Each component has a live preview and copy-ready source, so you can inspect the behavior, choose your preferred implementation, and adapt it directly in your project. MicroKit is built for copying and learning from the source—not for hiding interaction details behind a package API. Features - 29 interactive components with dedicated preview pages - JavaScript and TypeScript implementations - CSS and Tailwind styling variants - Live previews for testing every interaction before copying - Copy-ready source designed to reproduce the displayed component - Favorites and recently viewed components stored locally in the browser - Direct component routes for sharing individual interactions - GitHub-based submissions with no custom backend required Using a component 1. Open the interaction library. 2. Select a component to open its dedicated page. 3. Test the interaction in the live preview. 4. Open the Code tab. 5. Choose JavaScript or TypeScript. 6. Choose CSS or Tailwind. 7. Copy the source into your project and customize it. Some interactions use lucide-react for icons. Any required dependency is visible in the copied source. Run locally Requirements: Node.js 20 or newer and npm. Open http://localhost:3000. Create a production bu","default_branch":null,"files":null,"tree":[],"storefront":"/r/henriquegpb","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/henriquegpb/microkit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}