This is a real Image UI Animation recorded from Lemon Squeezy Hover Case Study. Case study card featuring smooth media zoom, border/shadow elevation, and an animated arrow indicator 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 Reveal Micro Interactions recorded from Planhat. A 3x2 media grid where hovering an item reveals its text card and reverts the previously active card to its media preview. 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 Nod Coding. Hero card displaying layered landscape waves with an along-path moving indicator above interactive schedule rows. 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 Zelt Hero. Pins a central visual while crossfading sequential text stages based on viewport scroll progress. 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 Spring Micro Interactions recorded from Coda, Card,Hover,integration, Website, SaaS. A responsive integration grid whose cards elevate on hover with smooth spring translation and expanded drop shadow. 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 Railway globe recording. A 3D dotted particle sphere with glowing hotspot markers that auto-rotates and responds to drag interactions. 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 TriptoVR Destination Modal. A 3D cylindrical-perspective HUD modal overlay presenting destination details, media playback triggers, and CTA actions with interactive button 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 List UI Animation recorded from Tina CMS Key Features. Interactive vertical accordion list that expands selected feature details and synchronizes right-hand preview panel. 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 Zams, Card,Hover, Website, SaaS. A three-card horizontal workflow sequence that automatically advances an active highlight border and focus state through each step on an interval. 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 Card Micro Interactions recorded from Public Hover Category. Category tag cloud synchronizing hover and click states with an animated feature preview card. 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.