This is a real Badge Micro Interactions recorded from Avara Hero Mascot Badges. Overlapping neon-bordered mascot badges display hover tooltips, elevate on interaction, and animate in a dynamic floating spring physics cluster. 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 Rally. Smooth infinite horizontal marquee loop displaying e-commerce checkout upsell and order bump pill 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 Scroll Micro Interactions recorded from Anchor, Hero, Website, Fintech. Scattered, rotated product badge pills fly in, de-rotate, and assemble into an overlapping hero cluster alongside text entrance. 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 BaseHub. A primary glowing pill CTA paired with a frosted secondary outline button featuring 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 Intro UI Animation recorded from Bertch Capital Hero Intro. A centered portrait media card expands to fill the full hero container, followed by text and overlay reveal. 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 UI Animation recorded from Arock Hero Intro Transition. A full-bleed hero section that reveals background imagery, typography, and corner metadata through a coordinated curtain-shutter wipe and text unmasking on initial mount. 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 Stable Hero. Smooth horizontal continuous marquee of partner logos with linear infinite 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 Scroll Micro Interactions recorded from AndAgain, Hero, Website, Design. Multi-stage hero entrance with letterform glyph vertical snap, masked metadata reveal, and staggered paragraph entrance. 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 Atoll Digital, Hero, Website, Design. Multi-stage initial load choreography where a primary wordmark translates from lower masked state to header position while accompanying hero content and graphics cascade into view. 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 Metaview Hero Cards. Side-by-side product cards with interactive sync simulation, expanding content, and status 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.
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.