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 Scroll Micro Interactions recorded from Smartwatch, Scroll, MySwimPro, Wellness. Smooth vertical card list with WatchOS-style edge scaling, 3D perspective roll-off, and auto-hiding scroll 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 Visual Electric, Feature, Website, Design. Horizontal accordion card gallery expanding on hover with text reveal and smooth layout transition. 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 Mobile App Finance Onboarding. Expense items spawn and stream upward into category bubbles, updating totals and dispersing miniature icons. 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 Micro Interactions recorded from Mobile App Tabs. Horizontal tab navigation bar with a smooth sliding active indicator underline and synchronized panel switching. 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 UI Animation recorded from Linktree Dropdown Menu. Top navigation bar with animated morphing mega-menu container that smoothly resizes and crossfades content between menu 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 Navigation Micro Interactions recorded from Smartwatch Compass Rotate. Fixed upward-facing heading arrow and illuminated cone over a smoothly rotating radial compass ring and cardinal marker dial. 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 Hero Micro Interactions recorded from Build in Amsterdam Showcase. A 50/50 split hero layout pinning headline copy on the right while the left pane streams an auto-advancing vertical showcase of interactive case-study 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 Scale Micro Interactions recorded from Gander, Hover,Footer, Website, Design. High-contrast footer with multi-column metadata, newsletter signup, and oversized interactive display glyphs that scale and spring 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 Scroll Micro Interactions recorded from Smartwatch, Scroll, Zones, Wellness. Vertical list that scales, dims, and perspective-curves items based on their distance from the viewport center during scrolling. 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 Jeton Marketing Scroll. Staggers interactive action badges into a vertically centered stack with entrance slide and fade. 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 ChainZoku Scroll. Step-driven character card showcase framed within an animated starburst polygon with diagonal graphic ticker ribbons. 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 Loading Micro Interactions recorded from Mobile App, Loop, Mobile App, Design. Text input with ambient radial glow, dynamic URL preview, asynchronous validation spinner, and animated success badge transition. 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.