Amicro

Overview

Amicro is an open-source, MIT-licensed collection of React micro-interactions, transition components and card layouts powered by Motion, created by Syed Subhan. Components are copied into the codebase as TSX source, either through the shadcn CLI with the @amicro namespace or through Amicro's own CLI (@subhanhq/amicro).

The public registry holds more than 170 items, ranging from entrance transitions and hover effects to loaders, AI interface pieces and animated card arrangements. It works with React 18 or 19, Tailwind CSS v3 or v4, and either motion or framer-motion, in React, Next.js or Vite projects.

Features

• Entrance transitions: Fade in, fade up, zoom in and other enter animations placed under components/amicro/.
• Hover and text effects: Tilt card, magnetic button, text reveal, blur text and character stagger.
• Card layouts: Arc fans with 5 or 7 cards, linear spread, corner fan, stamp arc, cascade stagger, wheel fan, CoverFlow and a Time Machine stack.
• Loaders and spinners: A large set of dot, bar, ring and spring-based loading animations.
• AI interface pieces: Prompt input, prompt chips, floating toolbar, reasoning trace and response stream.
• Hooks and presets: use-scroll-progress and shared spring presets.
• Light and dark mode: Components are designed for both palettes.

Tech stack

• React 18 or 19
• Motion (motion/react)
• Tailwind CSS v3 or v4

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @amicro/component-name