This is a real Button Micro Interactions recorded from Hydra. Pill-shaped CTA button that expands width and shifts its trailing arrow icon 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 Badge UI Animation recorded from Eclipse. Interactive two-column stadium bracket grid where hovered items reveal a fluorescent radial spotlight and switch typography to a stylized italic cursive 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 Button Micro Interactions recorded from Agile By Design Hero Intro. Multi-stage hero reveal transitioning from a sequential number counter to a full event hero layout with an interactive expanding CTA pill. 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 Dynaboard. Interactive pill button featuring an outer glow diffusion, subtle border illumination shift, and scale feedback 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 Button UI Animation recorded from Ranlus, Hover,Button, Website, Creative Agency. An interactive pill button that inverts colors smoothly between outlined and solid states on cursor 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 Accordion Micro Interactions recorded from Devin SaaS Tools Showcase. Interactive multi-panel horizontal accordion where hovering or selecting a tool card expands its showcase content and compresses adjacent 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 Accordion UI Animation recorded from Parallel, Hover, Expand, Website, SaaS. Two-column layout where hovering or clicking a vertical feature list expands description text and crossfades the corresponding preview 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 Loop Micro Interactions recorded from CargoKite. Smooth, infinite linear horizontal text marquee with seamless looping. 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 Pan UI Animation recorded from Scrapps. Concentric elliptical orbits rotate floating icon nodes and twinkling star particles around a central hero text block. 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 Parallax Micro Interactions recorded from SVZ, Hover,Scroll, Website, Creative Agency. Interactive hero stage with mouse-tracked light trails, floating spatial elements, and kinetic text overlays. 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.