This is a real Reveal Micro Interactions recorded from Social Impact Capital. Hovering a team member row reveals an arched portrait card with decorative line illustrations and smooth crossfade. 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 Lazy, Hover, Button, Website, SaaS. Floating horizontal callout card featuring title, command shortcut caption, and an interactive glow-hover CTA button. 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 Air, Hover, Button, Website, SaaS. A segmented action button pair where a background pill smoothly slides to follow the active or hovered 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 Micro Interactions recorded from NOBL Blog Carousel. Horizontal multi-card track navigated via a floating pointer-tracking arrow control and discrete stepped 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 Button Micro Interactions recorded from Expertise Tabs. A vertical list of hoverable category tabs paired with a dynamic content panel that swaps icons, bulleted lists, and optional action buttons. 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 Micro Interactions recorded from MFI Website, Hover,Team, Website, Enterprise. Hovering a directory list item updates a fixed preview card with a vertical crossfade transition. 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 Reveal Micro Interactions recorded from SuperHi Hero Intro Transition. Hero banner displaying staggered entrance of headline typography alongside scattered decorative geometric bubble nodes that scale into place. 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 UI Animation recorded from Coder Footer Hover. Navigation links that slide right and reveal a leading indicator marker on pointer 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 Playback Micro Interactions recorded from SeaArt AI Audio UI. Interactive audio preset chips that open a floating waveform playback preview card 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.
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.