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 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 Carousel UI Animation recorded from Ada Carousel. Circular arc stepper that rotates a progress indicator and crossfades step content on navigation. 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 Reveal Micro Interactions recorded from Adobe Firefly Community Grid. Multi-column image gallery cards that reveal creator details, prompt text, and action buttons via opacity and subtle vertical translation 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 Micro Interactions recorded from Tobacco Theater. Two-column editorial section that reveals masked typography with vertical blur-to-focus and media zoom-settle upon entering viewport. 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 Menu Micro Interactions recorded from Lovable Web App Theme Selector. A nested hierarchical dropdown menu with an anchored secondary flyout sub-menu and active checkmark state 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 Menu Micro Interactions recorded from Productboard Dropdown. List row action trigger that displays an anchored dropdown menu and inserts an inline editable child item upon 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 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 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 Scroll UI Animation recorded from Reform Collective. Seamless infinite horizontal typographic ticker with embedded badge icons scrolling across the hero base. 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 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 Mobile App Onboarding Splash. Continuous vertical multi-column scrolling card grid with alternating column directions. 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.