This is a real Button Micro Interactions recorded from Deta Footer. Continuous multi-layered grass and flower illustration swaying in an ambient breeze loop anchored at the footer. 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 Mobile App Onboarding. Multi-step quiz/onboarding selector with speech-bubble mascot, tactile single-select option cards, and stateful bottom action bar. 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 a real app. Button 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 Pan UI Animation recorded from Syllabus. A horizontal matrix divider of subtle grid dots with ambient shimmering particles drifting across tracks. 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 Micro Interactions recorded from Propel.vc. Toggles an in-card navigation view with hover arrows and interactive badge 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 Overlay UI Animation recorded from James Street. Multi-item grid where hovering an item dims all other cards and renders a large centered label overlay. 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 Transition Micro Interactions recorded from Cap Testimonials. Interactive multi-column testimonial grid with smooth card hover transitions and responsive column distribution. 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 Stagger Micro Interactions recorded from Michael Brown, Hover, Website, Portfolio. Alternating two-column project showcase featuring scroll-triggered media reveals and structured typography metadata. 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 Micro Interactions recorded from Lightspeed, Hover,Menu,Side Panel, Website, Finance. A right-side navigation drawer that reveals links with a character-decode effect and displays trailing arrow 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 Navigation Micro Interactions recorded from Martin Massé. A split-focus landing hero where cursor position or hover zones toggle typographic emphasis between two disciplines across navigation anchors and central dual-styled name typography. 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.