This is a real Button UI Animation recorded from a real app. Button 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 List UI Animation recorded from Dub.co Changelog Hover. A vertical changelog list where a floating active indicator smoothly springs between rows on hover, transitioning the leading icon from a date marker to an active chevron badge. 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 Micro Interactions recorded from Populous. Interactive profile card grid with a smooth spring-lagged pill badge that tracks cursor movement across active card media. 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 Drop, Hover, Button, Website, Web3. Interactive constellation of drifting icon badges that expand and reveal details 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 Logo Micro Interactions recorded from Toronto Tech Week. A grid of logo cards displaying dynamic corner reticle brackets and target tags 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 Sockss Hover Button Category. Category filter pill bar paired with an action link featuring a sliding arrow icon and item counter badge 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 Card UI Animation recorded from Lithic Card Hover. A responsive feature card grid where hovering over interactive cards triggers a border highlight and an animated 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 Button Micro Interactions recorded from Hejl Foundation. Staggered entrance transition that unblurs, fades, and translates hero typography and an interactive call-to-action button into place on load. 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 Glow Micro Interactions recorded from Cubans EDGE. A multi-tier pricing card grid featuring an animated top-edge glow beacon that smoothly glides to track the currently hovered or selected 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 Search UI Animation recorded from Chumbi Valley Gallery. Filterable media grid with hover inspect overlays and interactive modal lightbox viewer. 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.