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 Button Micro Interactions recorded from MetaMask Scroll Reveal. Scroll-driven hero section that shrinks central media and headline into a compact central badge while 4 feature cards fly in to flank it. 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 onboarding-habit-intro. Cycles through sequenced value propositions with synced ambient color changes before revealing a stats and celebration landing 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.

This is a real Scroll UI Animation recorded from Agile By Design. A vertical column of rich media cards scrolls upward through large background headline typography. 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 Mobile App Splash. A circular press-and-hold action button with radial fill expansion and completion callback. 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, Load, Blood Oxygen, Wellness. A watchOS-style radial activity spinner fades into an active blood oxygen reading with an animated fluid wave visualization. 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, Loop, Blood Oxygen, Wellness. A 15-second multi-stage biometric measurement cycle transitioning through idle, strand swirl, spinning cylinder, converging vortex, and final result card views. 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 Elegant Seagulls. A 3-column value grid featuring animated pixel mascot badges atop column dividers, paired with an ambient flying pixel bird and interactive drop mechanic. 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 Button Micro Interactions recorded from Purpose Talent. Hero display featuring a two-frame step-animated line illustration and an interactive morphing CTA pill 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 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 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 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.