This is a real Reveal Micro Interactions recorded from Productboard card hover. A kanban item card that reveals an interactive upvote action pill on cursor hover with smooth opacity and scale transition. 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 Navigation UI Animation recorded from Ribbit, Hover,Expand,Navbar. Capsule navbar that expands on hover to reveal navigation links and collapses to an icon pill on blur/leave. 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 Hero Micro Interactions recorded from Dive, Hero, Website, Design. Staggered hero spotlight unit featuring an ambient floating badge quote card paired with a nested media episode player 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 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 Button Micro Interactions recorded from Pitch, Hover, Button, Website, Design Tools. High-contrast primary call-to-action button with smooth micro-scale and color shift on hover and click feedback. 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 Menu Micro Interactions recorded from Syllabus, Hover, Menu, Website, SaaS. A navigation trigger button that opens a floating dark menu card with list items on hover or focus, featuring smooth presence transitions and active hover highlights. 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 Todoist Task List Hover. Task list row that reveals contextual action icons and a drag handle on 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 Scale Micro Interactions recorded from Visual Electric. Multi-card gallery grid where hovering a card crossfades its media and reveals contextual descriptive copy and media inset. 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 Accordion, Hover, Scroll, Website, Enterprise. A 2-column portfolio grid where hovering any card spotlights it in full color and reveals metadata while sibling cards desaturate to monochrome. 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.