Menus

Website menu examples to copy to your AI

Website menus are how visitors get from one page to the next, and the designs here are the ones we use on this very site. Each one is built to stay out of the way, a slim strip of icons on desktop, a row of tabs on phones, always in reach and never covering your content.

Using one takes no code at all. Every menu comes with a ready-made prompt, a block of text you copy with one click. Paste it into the AI you already use (ChatGPT, Claude, Gemini, any of them) and it rebuilds the menu inside your own site, with your sections, your colors and your fonts.

Sidebar menus, bottom navigation bars and more menu types

Here is what sits on the shelf today, with more menus as we add them:

• Icon Sidebar Menu, a slim strip of icons pinned to the side on desktop, your logo on top and sign up and log in at the bottom
• App Style Bottom Navigation, the tab bar phone apps use, sitting at the bottom of the screen where your thumb already is
• Slide-In Side Menu, a panel that hides off-screen and slides in from the edge when a visitor taps the button
• Sticky Header, a bar with your logo, your links and your main button that stays at the top of the screen as visitors scroll

They work as a pair. Show the sidebar on laptops and the bottom bar on phones, and visitors always know where they are, whatever they're holding.

Unlock every menu design for $20 a month

Want to use the design of every menu on this shelf? With only $20 a month you can get access to all the designs on every shelf, plus every design we add later and unlimited use of the extension for Chrome.

There's also the free way in. Each day the 10 most copied designs turn free on the Freebies shelf, no account needed.