This is a real Button Micro Interactions recorded from Agile By Design. A hero section with directional flank arrows that parallax inward to frame central copy, paired with a vertical-roll 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 near-hero-hover. Dark hero card containing title, description, and an interactive dot-matrix grid backing an action button that responds to pointer position. 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 Adaline. Ambient night-sky stage with drifting aurora layers, centered call-to-action text, glowing CTA button, and product dashboard preview. 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 List Micro Interactions recorded from SVZ Hover Project Archive. List rows trigger a centered floating visual preview card with spring entrance, crossfade swaps, and exit 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 Accordion Micro Interactions recorded from MIMCO Capital, Hover, Side Panel. A slide-in navigation panel with vertical accordion items that expand on hover/click with a highlighted accent 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 UI Animation recorded from ImagineArt Pricing Hover. A dark pill CTA button whose nested directional arrow translates horizontally 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 Reveal Micro Interactions recorded from Passionfroot. Hovering a team member card morphs the circular avatar layout into an outlined solid card container. 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 Mercury Hover Button. A rounded CTA button featuring smooth interactive scale, background luminance shift, and subtle border glow 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 Scroll Micro Interactions recorded from Coinsetters, Fun Fact, Scroll, Website, Creative Agency. Horizontal scrolling metrics strip featuring auto-incrementing counter values with synchronized leftward card 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 Morph Micro Interactions recorded from Gravity Sketch UI interaction. Curved dark-mode spatial settings panel with interactive toggle switches, pointer-anchored 3D billboard tooltips, and contextual modal confirmation flyouts. 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.