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 Picker UI Animation recorded from WaterMinder Watch Logger. Compact wearable log interface featuring a 3D drum scroll wheel picker and quantity stepper. 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 Tap Micro Interactions recorded from HeyGen AI Video Plan. Collapsible content card that animates container height and toggles action label between expanded and collapsed 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 Modal Micro Interactions recorded from Roblox VR Modal. A 3D cylindrical curved viewport panel attached to a fixed vertical navigation dock that expands into space and displays interactive tiered 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 Pagination Micro Interactions recorded from Mobile App Reader Scrub. Interactive reading progress slider with live page scrub, remaining count, and bookmark jump pill. 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 Smartwatch Input Stepper Slopes. Multi-state smartwatch workout control card switching between active, paused, and auto-resume stepper subviews with timer morphing. 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 UI Animation recorded from Grok Web App Settings. Floating settings dialog with segmented theme switcher, toggle controls, and spring-based backdrop dismiss. 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 Tutorial. Multi-step interactive smartwatch guide demonstrating step navigation, crown scroll progress, water lock hold, and water ejection completion. 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 Micro Interactions recorded from OFF MENU, Hover, Fun Fact. A three-column feature and metric grid where each column hosts an independently floating, ambient-oscillating 3D decorative element with hover tilt and depth. 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 Canva Pro Success Modal. A centered feature-reveal modal dialog that triggers a multi-colored 2D/3D confetti particle burst across the viewport upon presentation. 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 UI Animation recorded from faceformula. Interactive list switching active capsule highlight, background image, and description on item hover or selection. 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 Loading & Recommendation Reveal. Cycles a fan of thumbnail cards through a continuous orbital shuffle before expanding the chosen item into a full recommendation 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 Morph Micro Interactions recorded from AR VR Overlay Aim XR. Interactive circular scope and 3D perspective wireframe grid with dynamic target reticle tracking. 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.