This is a real Button Micro Interactions recorded from Craft 3. Hero card featuring centered typography, interactive CTA pill button, and embedded video preview 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 Scroll UI Animation recorded from BYPG. Sequential full-width content cards that reveal and overlap on vertical page scroll. 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 Loading Micro Interactions recorded from Yolo, Hero, Intro Transition. Centered stroke-loader logo morphs/transitions into the top-left navigation logo while revealing the hero headline, navigation, and background layers. 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 Coda. A primary filled CTA paired with a secondary bordered CTA featuring subtle hover state 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 3D Micro Interactions recorded from Solflare Leadership Team Hover. Team portrait cards flip on hover on the Y-axis to reveal a dark biographical summary while keeping the name and title static below. 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 The Garage. Continuously scrolls an infinite horizontal ribbon of tilted Polaroid-style photo cards. 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 Flow Feature Carousel. Horizontal card carousel that auto-advances step-by-step, centering each active card with highlighted styling and synchronized dot pagination. 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 August Health, Hover, Button, Testimonial. A 3-column responsive grid of colored quote cards with author metadata and interactive hover lift. 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 UI Animation recorded from Axelar, Hover, Website, SaaS. Interactive dark-mode grid of categorized partner tiles with per-category accent dots and smooth pill 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 Scale UI Animation recorded from Jiddo Hover. Hovering over a grid card fades inactive items while elevating the active item with an animated product visual and typography 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.
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.