This is a real List Micro Interactions recorded from Contrast Feature Showcase. Vertical list of feature triggers swapping synchronized media cards in an adjacent preview pane 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 Select UI Animation recorded from AR VR, Hover, Alcove, Hangout. Interactive cluster of circular category nodes that smoothly expand with glowing outlines and elevated z-index on hover or selection. 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 Modal UI Animation recorded from Adobe Firefly Pricing Modal. A modal dialog containing a segmented billing frequency pill toggle that slides a background highlight between options while crossfading tier prices and discount badges. 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 Reveal UI Animation recorded from Page Buddy. Clicking a central action trigger launches an explosive zoom-out crossfade from an introductory title into a detailed browser viewport showcase. 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 Reveal Micro Interactions recorded from Drop, Hover, Button, Website, Finance. Concentric dashed circular tracks rotate ecosystem icon nodes that scale and reveal metadata tooltips 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 Carousel Micro Interactions recorded from Altitudebev. Interactive product variant switcher synchronizing 3D product renders, ambient gradients, typography, and glassmorphic purchase controls. 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 Peppermint Hero Transition. Hero card container that draws out multi-colored flowing SVG ribbon paths and accent sparkles from a focal anchor point across the canvas upon entrance. 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 Payment UI Animation recorded from Mobile App Billing Switch. A segmented billing interval toggle that shifts an active indicator and dynamically crossfades timeline milestones and price terms. 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 UserTesting. An outlined or solid pill button whose trailing chevron arrow smoothly reveals and translates on hover while maintaining layout balance. 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.