This is a real Select Micro Interactions recorded from Extract Studio. Floating navigation bar with a smooth sliding indicator following hover and active states across pill links. 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 3D Micro Interactions recorded from Solflare Leadership Team Hover. Team portrait cards flip on hover on the Y-axis to reveal a dark biographical summary while keeping the name and title static below. 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 UI Animation recorded from kitskinkind. A header navigation bar that reveals a structured mega-menu card on trigger hover with backdrop blur overlay and staggered category cards. 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 Micro Interactions recorded from Michael Brown Portfolio. Interactive list displaying item rows with full-width highlight ribbons on hover and entry. 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 Girafe. Interactive overlapping multi-card hero cluster with subtle depth elevation, layered positioning, and hover state physics. 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 Boost Insurance Hero. A high-contrast pill CTA button whose nested arrow icon translates horizontally with spring easing on hover and 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 Modal Micro Interactions recorded from Fotor Creative Tool. A two-tier subscription modal featuring a sliding pill billing cycle toggle that swaps price values, discount tags, and billing terms. 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 Card Micro Interactions recorded from UserTesting Customer Story Cards. A 3-card customer story grid where hovering any card plays a video preview, shows a play button pill, and cycles synchronized kinetic caption overlays while dimming default brand titles. 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 UI Animation recorded from Artboard Studio Navbar Hover. Hover-triggered dropdown menu that animates opacity, scale, and vertical translation with exit transitions on unhover. 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 Micro Interactions recorded from REJOUICE. Viewport-filling project showcase that expands from a peeked card into a split interactive 4-quadrant grid with a cursor-following preview capsule. 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.