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 Reveal Micro Interactions recorded from Streak Celebration. Multi-step milestone celebration that transitions from a completion checkmark to an animated flame streak counter with staggered detail reveals. 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 Morph Micro Interactions recorded from Mobile App, Opening, Mobile App, Fintech. Stacked wallet cards smoothly expand into full-height detail views and collapse back into their exact stack position using shared element layout 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 Button UI Animation recorded from Stellar. Interactive CTA pill that shifts an icon badge across sides and crossfades text labels with layout expansion 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 UI Animation recorded from watch-menu-flow. Multi-level hierarchical screen navigator with drill-down transitions and single-select list items. 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 Smartwatch Scroll. A vertical compact list with top-edge fade/blur masking and an auto-fading scroll track indicator. 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 Attio Onboarding Flow. Interactive onboarding chip selector that expands contextual sub-options and synchronizes with a live workspace preview. 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 paywall. A conversion paywall card that reveals product benefits sequentially with a staggered vertical slide and fade animation. 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 Socratica Symposium. An infinite horizontal scrolling ribbon of pill tags with smooth linear 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 Button UI Animation recorded from Nod Coding, Hover, Website, Enterprise. A stacked geometric petal cluster that tilts and flexes its dynamic SVG string tether with floating ambient particles in response to pointer motion. 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 SeaArt AI History Drawer. A collapsible right-docked drawer panel with a persistent edge trigger tab that smoothly toggles open and closed states. 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 Flick Micro Interactions recorded from AR VR, Punch , First Steps, Utilities. A suspended tethered orb that responds to click, drag, and impulse hits by swinging on an elastic pivot line with damped pendulum physics. 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 Deck Doctors, Hero, Website, Design. A hero banner that expands vertically from a compact bar on load, synchronously uncompressing giant typography, popping in an illustrative avatar, and revealing header actions. 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.