This is a real Accordion UI Animation recorded from Canal street market, Accordion, Hero, Intro Transition. Multi-panel horizontal accordion where active panels expand to fill the container and inactive panels dock as vertical strip tabs on the left or right edges according to their index. 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.
App & Site
This is a real Scroll Micro Interactions recorded from Stable Hero. Smooth horizontal continuous marquee of partner logos with linear infinite 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 Scale Micro Interactions recorded from Ranlus Intro & Cursor Interaction. Spawns floating image cards along the pointer path that smoothly scale in and fade out after a distance threshold is crossed. 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 Carrot Hero. Cycles through silhouette SVG graphics at timed intervals over a dot-grid 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.
This is a real Intro Micro Interactions recorded from SKKY. A soft radial spotlight gradient smoothly tracks mouse coordinates across a hero canvas with damped inertia. 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 Theater Elsewhere Intro Transition. Multi-stage splash sequence that dims the viewport, reveals a logo mark, transitions to a micro-progress indicator, and reveals destination 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 Button UI Animation recorded from Aave Hero Graphic. Overlapping stepped geometric arch pillars with translucent concentric discs that elevate on pointer hover with physics-based spring return. 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 Short io FAQ Accordion. Smooth vertical height expand/collapse accordion with chevron rotation and single-item open state. 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 UI Animation recorded from Swingvy FAQ. Multi-column FAQ accordion grid where expanding an item pushes down only items in its column while toggling active accent color and icon state. 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 Viture Hero. Full-width hero carousel with layered crossfade and slide transitions for background visuals and marketing copy. 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.