This is a real Accordion Micro Interactions recorded from Luma AI Use Cases. Interactive grid of media cards that expand on hover to reveal descriptive copy and subtle image scaling. 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 Micro Interactions recorded from ChainZoku Hover Website Web3. Interactive comic panel grid featuring line-art sketches that reveal full-color content cards on pointer hover with smooth transitions during vertical scrolling. 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 Jam, Hover,Button,Navbar, Website, Development Tools. Smooth, seamless horizontal marquee that translates a list of partner/client logos continuously leftward in an infinite loop. 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 Extract Studio. Hero card container that reveals large header typography and expands a bottom preview sheet into full view. 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 Navigation Micro Interactions recorded from Raycast Navbar Hover. Smoothly slides a background highlight pill between navigation items on hover and focus. 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 Morph Micro Interactions recorded from a real app. Morph animation in action. 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 Coda SaaS Hero Preview. Cycles through document views with synchronized sidebar selection and crossfading viewport 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 Menu UI Animation recorded from Iron Fish, Hover,Dropdown,Menu, Website, Crypto. Multi-column navigation dropdown panel with item hover highlights and smooth entrance/exit 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 Menu UI Animation recorded from Wrike Form Builder. Floating popover menu triggered by an add button to append categorized form field 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 Badge UI Animation recorded from Aptible. Ambient circular icon badges gently drift and oscillate along organic float trajectories around a central headline. 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.