The UI Animation & AI Prompt
Library with 7K Micro
InteractionsThe UI Animation & AI Prompt
Library with 7K Micro
Interactions

This is a real Select Micro Interactions recorded from a real app. Select 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 Bottom Sheet Micro Interactions recorded from Mobile App, Opening, Pop up, Mobile App, Travel. A feed card expands into a full-height detail view with shared hero header, staged content reveal, and fixed bottom booking action bar. 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 UI Animation recorded from Reader Loading Screen. A top-anchored circular loader badge that executes continuous clockwise rotation over an e-reader page 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 Modal Micro Interactions recorded from Web App, Modal, Lovable, Developer Tools. Centered modal dialog with backdrop blur and enter/exit scale crossfade triggered by a header 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 Carousel Micro Interactions recorded from Mobile App Onboarding. Multi-step interactive intro card that transitions into an onboarding hero with floating symbol badges and dual action buttons. 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 LocalCan Hero. Ambient pill badges drift and float continuously in asynchronous sinusoidal paths around a central content anchor. 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 Task completion celebration. Renders an achievement celebration overlay with animated falling badge tokens that scatter across upper and lower viewport zones based on active count. 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 UI Animation recorded from Mobile App, Success, Mobile App, Wellness. Multi-stage habit streak celebration that sequences a light flare ignition, badge transformation, character entrance, weekly calendar stamp, dialog bubble, and sticky action button. 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 UI Animation recorded from Scribe Mail. Sequenced multi-line text reveal with animated SVG annotation strokes and call-to-action emergence. 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 UI Animation recorded from AR VR Hover Alcove Hangout. A pulsing 3D spatial hotspot marker that expands into an interactive badge with icon, label, and aura ring on hover or focus. 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 Mobile App Onboarding. Multi-step mobile onboarding card sequence with synchronized background color interpolation, morphing pill indicator, and directional content transitions. 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 Micro Interactions recorded from Smartwatch, Intro Transition, Chart, Pillow, Wellness. Concentric radial gauge arcs animate clockwise on mount to represent sleep quality and cycle duration targets. 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.