This is a real Navigation UI Animation recorded from Oyster. Interactive navigation link list with a shared layoutId floating pill indicator that animates to the hovered link. 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 Micro Interactions recorded from VR Fitness Wellness Settings. A 3D-tilted spatial settings panel featuring cyclical option steppers and modal view toggles. 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 Kuba, Hover,Carousel,Cursor Effects. Horizontal multi-card carousel that centers the active case study while dimming and scaling adjacent preview cards with a magnetic drag 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 Badge Micro Interactions recorded from Mezmo Hover Button Website SaaS. Interactive dark-theme badge grid featuring smooth hover state scaling, border illumination, and glow 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 Fade UI Animation recorded from Alpine Bio, Hover,Footer, Website, Enterprise. Navigation link hover triggers an associated vector/particle line illustration crossfade in the background. 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 HUMAN MADE Footer. Smooth horizontal continuous ticker of graphic sticker badges running behind a floating callout banner. 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 UI Animation recorded from Calm Company Fund. A staggered alternating two-column feature list featuring offset double-bordered card tiles with interactive focal points and paired text blocks. 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 Micro Interactions recorded from AR VR, Hover, Holofit, Wellness. A horizontal spatial dock with active indicator highlights, hover lift, and dynamic tracking label badge below hovered/selected items. 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 Slash, Hover,Button, Website, SaaS. Interactive call-to-action pill button featuring an animated slash keyboard badge that rotates and strikes 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 Speakeasy. Staggered entrance animation for split hero typography, subtitle copy, and CTA buttons layered over a continuous 3D particle orbit canvas. 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.