xiry.

Development · Website

MicroKit UI

Free copy-paste React and CSS micro-interactions for modern web interfaces

From the Xiry library · Updated 10 October 2026

Visit microkit.co ↗

MicroKit UI is an open-source gallery of animated UI micro-interactions, such as glowing buttons, hover reveals, sliding tabs, and focus fields. Each interaction is provided as standalone React, CSS, or Tailwind code with no third-party runtime package required, and can also be installed directly via the shadcn CLI.

What it's for

  • Add animated hover and click feedback to call-to-action buttons
  • Implement animated sliding tabs and navigation menus
  • Enhance form inputs with animated focus states and drag-to-scrub controls
  • Drop micro-interactions into Next.js or React projects via copy-paste or shadcn CLI

Features

  • 49 copy-paste micro-interactions spanning buttons, tabs, inputs, and navigation
  • No runtime package dependency—just copy code or use the official shadcn registry
  • Available in both standard CSS and Tailwind CSS (supporting v3 and v4)
  • Available in TypeScript and JavaScript variants
  • Fully compatible with React and Next.js App Router
  • Categorized and filterable by stack (React, CSS) and trigger type (Hover, Click, Drag, Focus)
  • MIT licensed for commercial and personal projects

Pricing

Free and MIT licensed

Details

Type
Website
Category
Development
Topic
UI Components
Open source
Yes
Platforms
Web, Code library
For
Frontend developers and UI designers building React and Tailwind web applications
Alternative to
shadcn/ui, Aceternity UI, Magic UI
Tags
react, css, tailwind, microinteractions, ui components, shadcn

Why it was saved

  • @craftworkdesign, 7 September 2026: 43 interactions ready to copy, adapt and ship; cards tagged React/CSS, Hover, Click feedback, Navigation.
  • @csaba_kissi, 8 September 2026: One-stop source of ready-to-copy micro-interactions to adapt into any project instead of hand-coding each hover/click effect.

Compare

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated