This is a real Avatar UI Animation recorded from Memory, Hover, Website, SaaS. Profile card featuring an organic multi-color gradient backdrop blob behind an avatar image with hover scaling, bio text, social link, and signature. 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 Web App, Hover,Dropdown, Front, Productivity Tools. Hover-revealed table row action menu opening a destructive confirmation modal. 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 Tap Micro Interactions recorded from Trunk Feature Tabs. Interactive pill tab navigation that switches active dashboard preview cards with crossfade 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 Expand UI Animation recorded from Munu, Hover, Website, SaaS. Interactive grid cards that smoothly expand description text and adjust layout dimensions on hover or 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 Logo Micro Interactions recorded from NOBL. Multi-column grid with alternating vertical marquee logo tracks flanking a static central callout 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.
This is a real Fade Micro Interactions recorded from The F Suite. Staggered profile grid where hovering an avatar crossfades the portrait into a solid accent capsule with a directional arrow. 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 Neutral Studio. Multi-segment hover trigger reveals full-viewport project previews with dynamic cursor-tracking pill tags. 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 Vandstrom Hover Footer. Navigation links reveal an interactive pill indicator on hover with smooth spring translation. 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 Circle Card Hover Website SaaS. Interactive bento grid where individual feature cards trigger contextual UI micro-interactions 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 Native Hover Button Website Finance. A call-to-action card where hovering the central action button glides geometric background vector lines across the card 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.