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 Morph UI Animation recorded from Coda Card Hover. A dark-themed card grid where hovering reveals an action pill and expands interactive visual art within the card. 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 Workout Micro Interactions recorded from Mobile App Wellness. Interactive workout session flow transitioning from start trigger through circular countdown into live metric tracking with pause and discard 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 HeyGen Modal. Centered upgrade dialog with backdrop blur and animated right-pane feature preview sequence. 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 Bottom Sheet Micro Interactions recorded from Smartwatch, Scroll, Modal, Pillow, Wellness. Expandable smartwatch detail sheet with inline range gauge, metric summary, and scrollable advisory text. 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 Mage AI Hero. Interactive dual hero call-to-action buttons with hover transitions and focus rings. 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 Web App, Select, Anchor, Audio. Synchronized audio transcript player and editor with word-level playback tracking, anchored action popovers, and inline text editing. 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 Todoist Task Drag. Task list item dragged vertically to reorder or horizontally to indent, triggering an animated undo toast upon drop. 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 NOBL Hero Loop. Vector isometric Newton's cradle with alternating left and right pendulum swings across a four-ball suspension frame with stippled shadow projection. 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 ChainZoku. Interactive stacked card showcase with directional exit-slide, depth-tiered left backlog stack, and synchronized content crossfade. 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 Atoll Digital. Smoothly scales down a giant hero typography card into a structured multi-card grid layout on page load. 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 a real app. Morph 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 Selected State Micro Interactions recorded from Mobile App Sentence Pruner. Tapping an elimination trigger removes highlighted words from a sentence with an exit transition while trailing punctuation smoothly shifts via FLIP layout animation to close the text gap. 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.