Skip to content
don’t make it ugly
All resources

GalleryInspiration

Navbar Gallery

550+ real website navbars, sorted by type: mega menus, sidebars, tabs and the rest.

Free
Preview of Navbar Gallery

What it is

Navbar Gallery collects navigation from real websites and organises it by pattern: static navbars, dropdowns, mega menus, sidebars, search bars, announcement bars, full-screen menus, breadcrumbs and tabs. Each site gets its own page with a preview, and there's a short blog explaining the patterns. Made by Christina Liubynska, built in public, sponsored by Mobbin.

Why it’s here

Navigation is where agent-built sites most often look generic, because the default is a logo, four links and a button. Seeing fifty announcement bars or sidebars side by side is the quickest way to find a better shape for yours. Narrow, but that's why it works.

Best for

  • navigation patterns
  • mega menus and sidebars
  • header design

Can my agent use this?

Agent limited agent friendliness

As a reference only. Pick a pattern page, screenshot two or three examples and tell your agent the structure you want: how many levels, what collapses on mobile, where search lives. It will do better with a described structure than with a screenshot alone.

Limited: Mainly a visual reference. Great for humans and for describing a direction, but there's little an agent can read or install.

Access methods

  • Public website

  • CTA Gallery
    Preview of CTA Gallery

    CTA Gallery

    Real calls to action, sorted into buttons, forms, modals, pricing and newsletters.

    GalleryFreelimited agent friendliness
  • Supahero
    Preview of Supahero

    Supahero

    Hundreds of website hero sections from real sites, nothing else.

    GalleryFreelimited agent friendliness
  • SaaS Landing Page

    SaaS Landing Page

    Landing page examples organised by the exact section you're stuck on.

    GalleryFreelimited agent friendliness
  • Collect UI
    Preview of Collect UI

    Collect UI

    Daily UI inspiration sorted by the exact screen you're designing.

    GalleryFreelimited agent friendliness