This is a real Modal Micro Interactions recorded from Smartwatch, Opening, Activity, Wellness. Expands an icon badge from a grid cell into a centered full-screen modal detail view and transitions back seamlessly. 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 UI Animation recorded from MotherDuck Navbar. Top navigation bar where hovering over nav links expands a shared dropdown panel that animates position, width, height, and 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 Scroll Micro Interactions recorded from Boost Insurance. Continuous vertical dual-column marquee scrolling in opposing directions with top and bottom alpha fade masks alongside a static callout. 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 UI Animation recorded from ClickUp Time Tracking. Collapsible table row group revealing itemized task time breakdown with rotating chevron 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 UI Animation recorded from Zendesk Onboarding Walkthrough. Interactive onboarding walkthrough pairing an accordion task sidebar with dynamic content 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 Menu UI Animation recorded from Parallel, Dropdown,Menu, Website, SaaS. Top-right icon button toggles an open/close state, morphing its trigger icon while revealing a floating action menu with hover 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 Carousel UI Animation recorded from OpenNode Case Study Carousel. Stacked card deck synchronizes layered depth transforms on the left with crossfading testimonial copy and dot pagination on the right. 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 Perplexity Voice Input. An expandable bottom input bar that shifts into a focused voice transcription dock with status 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 Badge Micro Interactions recorded from Wellness App Step Completion. Interactive action disc that executes a clockwise radial fill on tap and reveals a 3D checkmark badge. 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.