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 Micro Interactions recorded from NOBL, Loop, Career, Illustration. A vector accent element continuously traverses a closed SVG path through an illustration with synchronized trailing dashes. 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 Superhi. A three-column colored promotional card grid featuring distinct palette themes, corner badge accents, and interactive animated call-to-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 Glow UI Animation recorded from AR VR, Progress Bar, Gameplay, First Steps, Utilities. Circular HUD score display with an animated radial progress stroke and animated score tally. 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 Life Score Result. Radial horseshoe score meter animating arc progress and numerical value from zero to target. 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 Button Micro Interactions recorded from Mobile App Illustration. A masked illustration that periodically peeks out from behind a curved portal edge with an interactive tap greeting trigger. 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 Progress State UI Animation recorded from Zenitizer Watch Stepper. Stepper counter with synced progress bar fill and increment/decrement controls designed for compact watch-style interfaces. 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 Modal Micro Interactions recorded from LIMINAL Productivity VR UI. A dark-backdrop overlay modal presenting sequential instructional steps with animated crossfades and dismiss controls. 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 Carousel Micro Interactions recorded from Smartwatch Tide & Weather Carousel. A vertical paging widget container for smartwatch screen layouts with synchronized right-edge pagination dots and fluid view 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 Onboarding Micro Interactions recorded from Mobile App Wellness Setup. A 3D-flipping device illustration that rotates to reveal rear magnetic charging contacts before an animated charger puck slides in and snaps into place on a timed loop. 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.