Amicro Transitions Studio

Browse 176 animated micro-interactions with live previews and copyable code.

Amicro Transitions Studio — browse 176 animated components with live previews, then copy the code or the install command

How to use Amicro Transitions Studio

  1. Search the 176-component catalogue by name, or filter by category like Loaders or Cards.
  2. Watch the live motion previews to see each effect in action before you pick it.
  3. Click any component to copy its shadcn install command.
  4. Open one of the 12 core components to view and copy its full real source.
  5. Paste the code into your React project — most components need only the motion package.

Features

  • Full 176-item Amicro registry: loaders, entrances, text effects, cards, hooks
  • 10 live CSS motion previews: fade-up, spinners, magnetic button, tilt card, shimmer
  • Full real source of 12 core components: magnetic button, glow button, tilt card and more
  • One-click copy of every shadcn install command
  • Search plus category filters across all 13 categories
  • Runs 100% locally in your browser: no API keys, no sign-up

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.