Navbars

Sticky navigation bars with glass blur, animated link underlines, mobile drawers, and adaptive scroll-aware opacity.

Which navbar should I use?

Navbar With Hover Pill Links: Links, a sign in, one button, and a drawer on small screens. The shortest file here, which counts on a block you reread whenever navigation changes.
Navbar With Centered Links: Links centred with the logo hard against the left edge. That arrangement reads as something you log into rather than a page you were sent.
Navbar With Frosted Glass: The hero should begin at the very top. Transparent over your content, then a frosted backdrop fades in once the first screen has scrolled past.

Navbar With Floating Pill: A tall hero wants its vertical space back. The capsule pulls away from the edge and reads lighter than a bar spanning the full width.
Navbar With Floating Pill Menu: The floating treatment is right but one row of links is not enough navigation. A centred capsule with a spring-loaded panel inside it.

Navbar With Mega Menu Dropdown: A destination needs a sentence before anyone will click it. True of a platform with four products, rarely true of a site with pricing and a blog.