App & Site
This is a real Button Micro Interactions recorded from Dream.ai Checkout. Smoothly swaps brand logo into an actionable back button upon hover or focus. 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 Hover Micro Interactions recorded from Calendly Analytics. Renders an event trend line chart with an interactive hover cursor probe and floating dark tooltip 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 Parallax UI Animation recorded from Tines Hover Scroll. Multi-layered floating scattered icon elements react dynamically to pointer position with depth-weighted spring physics around a fixed center 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 Carousel UI Animation recorded from MetaMask Bento Grid. A bento grid tile that automatically cycles between stats and text snippets with vertical slide-and-crossfade 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 Button Micro Interactions recorded from Bornfight Hover Button. A pill CTA button that reveals an inline right arrow icon and expands smoothly 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 Office ParkScheerbarth. Multi-phase hero transition featuring blur crossfades and an interactive scattered image canvas with title reveals 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 Button UI Animation recorded from Evergreen. Horizontal header navigation bar with interactive link states and pill 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 Scroll UI Animation recorded from The Playa. Two-column layout pairing a sticky section headline with vertical step cards that reveal expandable detail drawers on scroll. 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.