This is a real Badge Micro Interactions recorded from Dianas Seafood. Horizontal multi-column feature grid where circular icon badges scale up smoothly with a crisp spring 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.
App & Site
This is a real Badge Micro Interactions recorded from Index Ventures. Smooth vertical infinite scrolling list of text rows with pop-in brand logo stickers 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 Scroll UI Animation recorded from REJOUICE. Stacked full-bleed section cards that reveal sequentially through vertical scroll with pinned header elements and depth layering. 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 NOBL, Loop, Website, Enterprise. A dark editorial callout card pairing responsive typography with an SVG illustration featuring an element continuously orbiting an isometric path. 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 OFF MENU. A centered preloader card scales up and transitions into a full hero container revealing hero content and an active logo ticker. 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 Oyster. Interactive CTA button with an ambient mesh glow background loop and subtle hover state 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 Blur UI Animation recorded from Loom Hover Blog. Dark article cards reveal an ambient soft blurred gradient glow and subtle border illumination 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 Micro Interactions recorded from Mux. An interactive grid of integration tiles where hovering an item fills its background with an accent color and updates a linked 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 Card Micro Interactions recorded from Native Hover Interaction. Mutually exclusive two-card showcase where hovering an inactive card activates its highlighted visual theme, geometric backdrop graphic, and accent header while deactivating the sibling. 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 Perspective Micro Interactions recorded from Elevate Loop Footer. Collapsible footer container that slides out navigation overlays to reveal an animated perspective landscape. 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.