This is a real Navigation Micro Interactions recorded from Arc UI. Navigation bar with a sliding pill highlight tracking the hovered or active 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 Navigation UI Animation recorded from Patch, Hover, Dropdown, Menu. Floating navigation menu that morphs its container bounds and crossfades panels as the user hovers over top-level 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 Accordion Micro Interactions recorded from LFG Dropdown Menu. A vertical right-docked badge button that expands into an accordion-style stacked navigation menu with highlighted sub-links and social icon row. 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 Character Micro Interactions recorded from Ribbit Footer Hover. Interactive row of custom-shaped silhouette silhouettes where hovering reveals an animated character asset fitted inside the active slot. 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 Quidli. Smooth continuous horizontal scrolling track displaying a repeating list of brand logos with seamless 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 Carousel Micro Interactions recorded from Trawelt. A stepped horizontal carousel where an overlay spotlight frame highlights and syncs with the active item on an automated 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 Banner Micro Interactions recorded from a real app. Banner 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 Scale Micro Interactions recorded from Lusion Hover Cursor Effects. Portfolio card that slides in an arrow prefix next to the title and scales/activates media 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 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 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.
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.