97 of the best navigation bars

The navigation bar is the one element every visitor encounters, on every page. Done well, it disappears into the experience. Done badly, it costs you conversions before a single scroll. These navigation bar designs span sticky transparent headers, minimal fixed navs, and feature-heavy mega menus — from the simplest single-CTA bars to full site directories. The through-line in the best examples is restraint: fewer links, clearer hierarchy, and a CTA that's impossible to miss.

Navigation bars FAQs

What are the key elements of a good navigation bar?

A clear logo, a small set of primary links, and a prominent CTA. Most effective navbars keep link counts low — typically 4–6 — to avoid overwhelming visitors.

When should a navbar be sticky?

Sticky navbars work well on content-heavy pages where users need to jump between sections. For short landing pages, a fixed nav can feel intrusive. The examples here show both approaches working at different scales.

How should mobile navigation differ from desktop?

Mobile navbars typically collapse primary links into a hamburger or bottom-tab pattern. The CTA button should remain visible without opening the menu, as it captures a large portion of conversions on mobile.