The UI Animation Library
With AI Ready Prompt for
7K+ Micro Interactions.The UI Animation Library With
AI Ready Prompt for 7K+ Micro Interactions.

This is a real Badge Micro Interactions recorded from FABRIC Team Page Transition. Smooth page transition wipe within a fixed frame container using an overlay curtain and centered badge reveal. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Button Micro Interactions recorded from a real app. Button animation in action. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Scroll UI Animation recorded from Chumbi Valley. A center-stage egg hatches with particle/shard burst to reveal a hero character that subsequently fans out into a multi-character horizontal showcase lineup. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Badge Micro Interactions recorded from Smartwatch, Rotation , Sunlitt, Weather. Dynamic smartwatch sun-position dial with ambient sky color interpolation and time scrubbing. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Carousel UI Animation recorded from Ada Carousel. Circular arc stepper that rotates a progress indicator and crossfades step content on navigation. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Button Micro Interactions recorded from Tobacco Theater. Two-column editorial section that reveals masked typography with vertical blur-to-focus and media zoom-settle upon entering viewport. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Reveal Micro Interactions recorded from Adobe Firefly Community Grid. Multi-column image gallery cards that reveal creator details, prompt text, and action buttons via opacity and subtle vertical translation on hover. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Metric Micro Interactions recorded from Mobile App Opening. Renders an animated circular arc progress gauge with central percentage readout and sub-metric cards. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Menu Micro Interactions recorded from Lovable Web App Theme Selector. A nested hierarchical dropdown menu with an anchored secondary flyout sub-menu and active checkmark state selection. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Badge Micro Interactions recorded from Purpose Talent. A central focal headline anchored in the viewport surrounded by an orbiting cluster of floating feature badge cards and geometric accent shapes with ambient floating physics. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Scale UI Animation recorded from Shopify Editions Winter 24. Scattered tag cloud where hovering an item highlights it with bold typography, scales it up, and anchors a contextual detail tooltip card. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.