This is a real Navigation Micro Interactions recorded from AWE Hover Navbar. A dark capsule navigation bar with pill-shaped interactive tabs triggering synchronized backdrop crossfades. 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 Micro Interactions recorded from MIMCO Capital, Hover, Side Panel. A slide-in navigation panel with vertical accordion items that expand on hover/click with a highlighted accent 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 Button UI Animation recorded from ImagineArt Pricing Hover. A dark pill CTA button whose nested directional arrow translates horizontally 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 Expand UI Animation recorded from Web App, Hover, Monday, Productivity Tools. List item card displaying a workflow rule with hover elevation, active state toggle, inline description trigger, and creator 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 Button UI Animation recorded from Oyster, Hover,Button, Website, SaaS. An outlined secondary CTA button that transitions to a solid pastel fill 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 Badge Micro Interactions recorded from Brain.space. Two-column grid of metric items with a smooth-following cursor particle and interactive badge icon 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.

This is a real Badge Micro Interactions recorded from Aave Website Ecosystem Grid. A grid of partner logo tiles with a central hero badge that displays animated floating tooltip pills 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 Micro Interactions recorded from Energy Park, Hover,Button, Website, Enterprise. Interactive action pill button that swaps background and text colors while inverting its trailing circular icon badge 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 List UI Animation recorded from Nucleate, Hover, Website, Enterprise. Multi-column directory list that swaps a fixed aspect-ratio portrait preview and underlines the active name 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.