This is a real Badge Micro Interactions recorded from Sonder Studio. A rounded hero badge that expands and crossfades from an icon glyph into an interactive promo card on hover. 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 Ctrl Hover FAQ Accordion. FAQ row items that invert their circular plus indicator button on hover. 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 List Micro Interactions recorded from Reform Collective, Hover, Website, Creative Agency. A floating pill-shaped badge that trails the mouse cursor across a bounded section using smooth spring interpolation. 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 List Micro Interactions recorded from Storyboard. Interactive list where hovering over an item moves a central media bubble to that row and displays corresponding content. 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 Speedy, Hover,Menu, Website, SaaS. A morphing hamburger button that reveals a full-screen navigation overlay with staggered links and hover indicators. 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 Orderful Hero Ticker. A seamless horizontal logo marquee that translates continuously to the left at a constant velocity without pauses or jumps. 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 Coder Hover Dropdown Menu. Hover-triggered full-width navigation flyout with rich product cards and multi-column link groups. 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 Micro Interactions recorded from Unveil Projects. 3D perspective card stack scrolling continuously along an inclined isometric diagonal path. 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 Character Micro Interactions recorded from Arcade Hero. Cycles text phrases inline within a headline using backspace and typing character animation with a blinking cursor. 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 Awesomic Team Showcase. A responsive card showcase where individual card media independently and periodically crossfades through an image array on a staggered schedule. 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.