This is a real Navigation UI Animation recorded from MotherDuck Navbar. Top navigation bar where hovering over nav links expands a shared dropdown panel that animates position, width, height, and content between menu items. 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 Reef, Menu, Website, SaaS. A docked circular action trigger morphs into a close button while revealing a dark fullscreen navigation overlay with staggered menu items. 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 Elevate. Top navigation bar featuring hover-reactive text links and pill action buttons with smooth color and state 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 Logo Micro Interactions recorded from Speedy, Dropdown,Navbar, Website, SaaS. A compact logo button expands into a brand badge and deploys a stacked workspace switcher dropdown. 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 Banner Micro Interactions recorded from Mother Design, Hover, Navbar, Website, Design. A horizontal strip of varying-dimension project cards that continuously scrolls left at a constant velocity with pause-on-hover support. 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 Parallel, Dropdown,Menu, Website, SaaS. Top-right icon button toggles an open/close state, morphing its trigger icon while revealing a floating action menu with hover states. 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 Secfi Hero Interaction. Automatically cycles through an array of images on a timed interval using smooth overlapping opacity and scale 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 Scroll UI Animation recorded from Index, Scroll, Navbar, Website, SaaS. Translates, scales, and flattens a 3D perspective-tilted preview card to a flat front-facing view driven by scroll progress. 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 Zelt Dropdown Menu. Top navigation bar with animated shared-container dropdown that morphs dimensions and crossfades content between menu items. 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 Navbar UI Animation recorded from Drop Navbar Interaction. A responsive top navigation bar whose background surface smoothly expands downward to reveal submenus on hover and collapses on mouse exit. 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.