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 UI Animation recorded from Moxie Strategies. Translates a horizontal row of cards across a pinned background section in direct proportion to vertical page scroll. 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 Fotor Dashboard. Horizontal action card carousel with floating navigation arrows and smooth batch translation. 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 Elevate Carousel. Horizontal card carousel with synchronized slide animation, numeric index counter, and directional navigation controls. 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, Scroll, Tide Guide, Weather. A compact smartwatch data monitor that smoothly morphs SVG path curves, updates vertical axis ticks, rotates compass needles, and crossfades summary readouts on step 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 Accordion Micro Interactions recorded from Attio Onboarding Flow. Interactive onboarding chip selector that expands contextual sub-options and synchronizes with a live workspace preview. 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 Morph Micro Interactions recorded from Mobile App, Opening, Mobile App, Fintech. Stacked wallet cards smoothly expand into full-height detail views and collapse back into their exact stack position using shared element layout 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 Character UI Animation recorded from AR VR Modal VirtualSpeech. Spatial virtual keyboard with laser-hover target states, dynamic text input buffer, and modifier key handling. 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 Micro Interactions recorded from Smartwatch Scroll. A vertical compact list with top-edge fade/blur masking and an auto-fading scroll track 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 Button UI Animation recorded from TechSpeed. Pill CTA button with inverted background, text, and circular icon badge states 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 Badge UI Animation 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 Button UI Animation recorded from watch-menu-flow. Multi-level hierarchical screen navigator with drill-down transitions and single-select list 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.