This is a real Fade Micro Interactions recorded from Works, Hover, Project, Website, Design. A portfolio showcase card that crossfades image and text layers 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 Scale Micro Interactions recorded from Google AI Studio. Gallery card featuring a responsive media preview that animates on hover with title and subtitle metadata. 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 Spring Micro Interactions recorded from Gamma UI Feature Grid. A 2x2 grid of presentation format cards where hovering lifts the card container and springs the preview mockup into elevated perspective. 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 Specify. Alternating bidirectional horizontal marquee badges contained within a feature card with edge gradient masks. 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 Aptible Hover Dropdown. Multi-column mega menu dropdown panel that reveals with an opacity and subtle vertical translation transition on trigger hover/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 Scroll Micro Interactions recorded from Mobile App Order Flow. Multi-group radio selection form with validation requirement counter tooltip and async submission overlay. 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 Mage Ai Button Loop. A pill-shaped CTA button featuring a continuous traveling specular highlight beam along its rounded border. 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 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 Micro Interactions recorded from Tina CMS. Two staggered rows of comparison cards infinitely scrolling in opposing horizontal directions. 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.