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 Carousel UI Animation recorded from Cosmos Onboarding. Timed fullscreen story presentation sequencing typographic claims, embedded UI demos, and visual transitions into a final CTA screen. 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 Isadora Digital Agency, Hover,Reveal, Website, Marketing Tools. List items reveal a floating, cursor-following image preview card with smooth spring physics and crossfade transitions 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 Button Micro Interactions recorded from Lemon Squeezy Hero CTA. A high-contrast pill CTA button whose right-arrow icon translates rightward on hover with smooth spring easing. 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 UI Animation recorded from Smartwatch, Rotation, Compass. A compass dial that rotates smoothly and transitions between a flat 2D radar view and a tilted 3D perspective view with live bearing readouts. 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 Scroll UI Animation recorded from Amra. A continuous horizontal loop of image cards moving along a convex upward arch with dynamic Y-offset and Z-rotation. 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 Your Creative. Cycles smoothly through ambient full-bleed 3D visual loops behind layered hero typography with timed 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 Accordion Micro Interactions recorded from Luma AI Use Cases. Interactive grid of media cards that expand on hover to reveal descriptive copy and subtle image scaling. 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 Nod Coding, Scroll, Website, Enterprise. Staggered horizontal rating bars that animate from left to right to display scores and provider logos when scrolled into view. 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 Portrait, Scroll, Website, SaaS. Scattered, tilted media cards across the hero converge and de-rotate into a structured bento grid driven by page 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 Avatar Micro Interactions recorded from Superorganism Hover Loop. Dual-row horizontal continuous marquee of avatar cards that expand into detailed bio cards on hover while pausing translation. 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.