This is a real List Micro Interactions recorded from McAlpine, Hover, Website, Architecture. A vertical typographic list that displays horizontal thumbnail previews on the left flank and an actionable link on the right flank matching the actively hovered item. 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 Micro Interactions recorded from Yummygum, Scroll,Button,Project, Website, Creative Agency. Horizontal project carousel with alternating preview viewport cards, metadata panels, and interactive cursor 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 Menu Micro Interactions recorded from Prismic Mega Menu. Navigation bar with a persistent animated dropdown menu panel that smooth-transitions content and dimensions across active nav items and exits on 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 Accordion UI Animation recorded from Leonardo.AI Blueprints. Interactive grid of media cards that expand description text and lift overlay on pointer 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 Tina CMS. Hero callout card featuring an idle-floating mascot illustration and a spring-elevating primary CTA action 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 Carousel UI Animation recorded from Caldera Hover Brand. A 2x4 logo grid where an active highlight automatically cycles through cards sequentially, inverting card colors on active state. 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 TechSpeed. Interactive three-column service cards featuring decorative graphic slots and list pills that highlight with accent borders and indicator dots 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 Menu Micro Interactions recorded from Asana, Hover,Dropdown,Menu, Website, SaaS. Reveals a multi-column navigation drawer on trigger hover with a smooth vertical expand and fade 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 Button Micro Interactions recorded from PrevalentAI. A frosted pill action button that brightens its surface fill, highlights its subtle border, and nudges an trailing arrow 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.