This is a real Reveal Micro Interactions recorded from Superthread case study cards. Interactive card grid where hovering reveals an action link in the top-right header with smooth opacity and translation 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 Scroll Micro Interactions recorded from Moxie Strategies. Centered card intro transition that expands to a full hero layout featuring geometric shape reveals and an auto-cycling phonetic definition ticker. 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 Scrub Micro Interactions recorded from AR VR, Hover, Alcove, Hangout. A 3D spatial media player with curved perspective, interactive scrubber preview tooltip, play/pause state toggle, and anchored auxiliary info panels. 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 Coder, Hover, Button, Hero. Dual CTA pill button group with subtle background and scale hover 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 Carousel UI Animation recorded from Clear.Bank Hover Carousel. Stepper-driven card track sliding horizontally by card width increments with hover color fill and active index 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 Oyster Feature Card Hover Reveal. A 2x2 feature card grid where hovering reveals secondary description copy and translates the CTA downward within fixed card bounds. 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 Image Micro Interactions recorded from Replit Blog Grid. Dark-themed responsive card grid with subtle hover elevation, border highlight transitions, and media preview frames. 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 Metric Micro Interactions recorded from Devin Hover Fun Fact. Multi-column staggered vertical marquee grid of metric cards scrolling upward continuously with hover highlight 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 Button Micro Interactions recorded from Lavender, Hover, Button, Website, SaaS. High-contrast split call-to-action button with retro border, divider, and 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.
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.