The UI Animation & AI Prompt
Library with 7K Micro
InteractionsThe UI Animation & AI Prompt
Library with 7K Micro
Interactions

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 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 Button Micro Interactions recorded from Smartwatch, Loop, Blood Oxygen, Wellness. A 15-second multi-stage biometric measurement cycle transitioning through idle, strand swirl, spinning cylinder, converging vortex, and final result card views. 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, Load, Blood Oxygen, Wellness. A watchOS-style radial activity spinner fades into an active blood oxygen reading with an animated fluid wave visualization. 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 Active State Micro Interactions recorded from Spatial Piano AR UI. A spatial document viewer with a floating tier segmented control, transitioning between fanned card stack, single sheet, and multi-page spreads. 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 Audio Recorder. Real-time audio waveform visualizer that continuously streams dynamic amplitude bars leftward past a fixed center playhead needle alongside a ticking recording timer and progress ring. 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 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 Navigation Micro Interactions recorded from Ctrl navbar hover. Floating navigation bar with a shared-layout sliding pill highlight tracking the hovered item. 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 Image UI Animation recorded from Loom, Hover, Website, SaaS. Interactive multi-column feature grid with media preview cards that lift and focus on pointer interaction. 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.

This is a real Button Micro Interactions recorded from Smartwatch, Onboarding, Blood Oxygen. Instructional wearable guide featuring animated cue indicators, scrollable guidance body, and step advancement 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.