This is a real Button Micro Interactions recorded from Bertch Capital. A circular icon button with adjacent label that expands into a solid pill container with color-inverted text and icon 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 Visual Domain. Top navigation bar morphing between compact state and full menu with a sliding hover pill. 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 Algolia About Page. Stacked action link rows with border dividers whose trailing circular indicator transitions from a plus icon to a directional 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.

This is a real Morph UI Animation recorded from Coda Card Hover. A dark-themed card grid where hovering reveals an action pill and expands interactive visual art within the 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 Badge UI Animation recorded from Cohere. Interactive typographic title lockup composed of tilted badge pills that smoothly straighten and 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.

This is a real Menu Micro Interactions recorded from maevechocolate. Hover-triggered full-width mega menu panel expanding beneath a top navigation bar with category grouping and item grids. 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 UserTesting. A 4-column feature card grid where hovering an individual card transitions its background to a distinct pastel theme tint. 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 Outlign Hero Button Hover. A primary pill call-to-action button with an icon tray that slides an arrow out to the right and rolls a duplicate in from the left 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 UI Animation recorded from Summoner, Hover, Button, Website, Design. A bordered action button featuring a trailing terminal-block indicator and invert/slide hover 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.