This is a real Scale UI Animation recorded from Open Collective. Interactive constellation network diagram where a central hub connects to satellite nodes via dynamic SVG lines that update synchronously with spring physics during hover displacement. 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 Algolia Card Hover. A horizontal card row where hovering elevates the card and reveals a contextual action button with a smooth vertical slide and fade. 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 Draftbit. Interactive segmented billing toggle switching pricing cards between monthly and discounted annual rates with active pill 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 Button Micro Interactions recorded from LFG Retro Cards. Multi-layered isometric button that translates along a diagonal vector on hover to reveal a staggered retro shadow trail. 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 Superhi. Multi-colored course cards un-tilt from an offset rotation into an aligned grid row with action footers. 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 Arthur Feature Showcase. Stacked alternating two-column feature blocks with graphic previews, descriptive copy, and call-to-action buttons. 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 Todoist Footer Hover. Multi-column footer navigation where individual links display an instantaneous or smoothly transitioning background highlight pill 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 Metric Micro Interactions recorded from Dub.co Analytics Card. Interactive analytics card featuring morphing multi-metric area charts linked to tabbed KPI headers with synchronized tooltips. 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 Zai Case Study Carousel. A split-pane testimonial carousel framed by stacked layer accents with arrow button navigation. 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 Bulletproof Agency Showcase. Vertical typography list that highlights the active centered item and reveals a layered preview card with kicker text behind the 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.
Curated from real products people use every day.
+ 120 new interactions / weekly7,000+ real interactions from 1,000+ shipped products. Copy the prompt, save your favorites, and build with Cursor, Lovable, v0, Bolt or Replit.