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 Avatar Micro Interactions recorded from Swingvy Hover Hero. Ambient floating avatar nodes orbiting a central hero CTA with smooth responsive hovering. 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 J-Vers, Scroll,How it Work, Website, Marketing Tools. Vertical timeline stepper syncing active text step with vertical track markers and paired 3D visual. 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 Tedy, Scroll,How it Work, Website, SaaS. Sticky multi-step feature showcase syncing scrolling narrative copy on the left with pinned visual cards in the center and a numeric step indicator on the right. 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 a real app. Badge animation in action. 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 Navigation UI Animation recorded from Smartwatch, Input Stepper, GO Club, Wellness. Wearable settings interface with push navigation, themed numeric steppers, and discrete value increments. 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 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 Button UI Animation recorded from VirtualSpeech. Displays a centered floating spatial media dialog with a presenter preview, progress bar, timer, and 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 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 Micro Interactions recorded from Grok Web App Dropdown & Modal. Profile menu popup that transitions smoothly into a backdrop-dimmed centered settings modal upon selecting an option. 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.