Gallery / Animated Navbars
Animated Navbars
17 of these 19 animated menus are free to copy, and each one is already moving in its card.
How it works
- 01
Find your menu
Look over the live menus and pick the style your site needs.
- 02
Copy the prompt
The prompt explains the motion and keeps the menu accessible.
- 03
Paste and fit it
Paste it into your vibe-coding tool and give it your own links.
Questions
17 of the 19 menus are free, prompt included and no account needed. The others are in the signature collection, a one-time $19 for every signature piece.
No. The prompt tells your vibe-coding tool how the menu should open and move, and the tool handles the code.
Paste the menu's prompt into your vibe-coding tool together with your page names. Then ask for tweaks, such as a different speed.
A hamburger menu, like Hamburger Morph, keeps a small site tidy, especially on phones. A mega menu fits a site with many pages, and Mega Menu Reveal shows whole groups of links at once.