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 Select Micro Interactions recorded from Attio Onboarding Email Sharing. Multi-option selection card group with animated radio toggle and active border state 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 Scroll Micro Interactions recorded from Dia Landing Page Scroll. Minimalist SaaS footer anchored by a multi-tiered blurred spectral gradient horizon with responsive metadata links and status badge. 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 Hoame Intro Transition. A staged splash intro animation featuring a radiant filament particle convergence into a central logo mark followed by a backdrop crossfade into the main scene. 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 Titan, Hover, Button, Website, Fintech. Pill-shaped CTA button with an integrated trailing icon capsule that translates diagonally on hover with spring feedback. 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 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 Scroll Micro Interactions recorded from Entreautre, Scroll,Team,Text Animation. Multi-item photo collage collapses inward into a single central typographic lockup driven by 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 Select UI Animation recorded from Jasper Hero Interaction. Canvas hero card simulating multi-user presence with floating collaborator cursors, live text selection highlights, and autonomous avatar paths. 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 Search Micro Interactions recorded from firefly-search-drawer. Collapsible right-hand side panel containing search input, category filter pills, and a media asset grid. 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 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 Playback Micro Interactions recorded from SeaArt AI Audio UI. Interactive audio preset chips that open a floating waveform playback preview card 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.