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 Scroll UI Animation recorded from Shopify Editions Winter - Retail Hardware Showcase. Pins a central viewport stage while page scroll drives spatial 3D transforms on a focal showcase element and steps through synchronized narrative copy 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 Onboarding Micro Interactions recorded from AR VR Onboarding ShapesXR. A contextual onboarding guide combining an instructional step card, dynamic multi-ring pulsing target beacon, and completion particle burst. 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 Smartwatch, Scroll, Evolve, Wellness. Discrete mood rating selector displaying animated emoji states, concentric dial rings, and synced label crossfades. 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 Smartwatch, Onboarding, Blood Oxygen. Instructional wearable guide featuring animated cue indicators, scrollable guidance body, and step advancement 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 Modal Micro Interactions recorded from Any.do Workspace Creation. Centered action modal that displays an animated loading spinner and state label before smoothly fading and scaling out to reveal workspace content. 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 AR VR, Grab , First Steps, Utilities. Floating spatial tutorial billboard with glowing borders and contextual action callout badges that update dynamically across step completions. 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 AI Emoji Generator. Alternating horizontal auto-scrolling marquee rows framing a central hero callout with transparent collision clearance. 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 Flashform, Scroll, Text Animation. A contained viewport that translates oversized kinetic display text horizontally in response to scroll progress. 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 Forest Plus Showcase. Cycles cards through a 5-position orbital ring with scale, depth, and glow emphasis on the active front position. 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 Image UI Animation recorded from Loom, Hover, Website, SaaS. Interactive multi-column feature grid with media preview cards that lift and focus on pointer interaction. 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 List Micro Interactions recorded from a real app. List 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 Button Micro Interactions recorded from Ko-fi Tabs. A category pill button selector that updates an aligned three-card creator showcase grid with synchronized crossfade 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.