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 Carousel UI Animation recorded from Galileo. Cycles through an array of phrases inside a headline via vertical slide, blur, and crossfade 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 Metric UI Animation recorded from Smartwatch, Rotation, Compass. A compass dial that rotates smoothly and transitions between a flat 2D radar view and a tilted 3D perspective view with live bearing readouts. 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 Cosmos Onboarding. Timed fullscreen story presentation sequencing typographic claims, embedded UI demos, and visual transitions into a final CTA screen. 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 Luma AI Use Cases. Interactive grid of media cards that expand on hover to reveal descriptive copy and subtle image scaling. 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 Scroll Micro Interactions recorded from Portrait, Scroll, Website, SaaS. Scattered, tilted media cards across the hero converge and de-rotate into a structured bento grid driven by page 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 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 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 Scroll UI Animation recorded from Nod Coding, Scroll, Website, Enterprise. Staggered horizontal rating bars that animate from left to right to display scores and provider logos when scrolled into view. 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 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 Carousel Micro Interactions recorded from Your Creative. Cycles smoothly through ambient full-bleed 3D visual loops behind layered hero typography with timed crossfades. 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.