# header × # navbar

Glass Navbar Pill · Ultra Violet

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Ultra Violet palette.

77200Open

Glass Navbar Pill · Cyber Lime

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Cyber Lime palette.

26500Open

Glass Navbar Pill · Sunset Amber

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Sunset Amber palette.

28400Open

Glass Navbar Pill · Rose Gold

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Rose Gold palette.

33400Open

Glass Navbar Pill · Ocean Sky

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Ocean Sky palette.

25800Open

Glass Navbar Pill · Mint Breeze

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Mint Breeze palette.

38600Open

Glass Navbar Pill · Candy Pink

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Candy Pink palette.

35400Open

Glass Navbar Pill · Royal Gold

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Royal Gold palette.

80200Open

Glass Navbar

Frosted-glass sticky navbar with animated active pill and mobile slide-in menu.

Glassmorphism Navbar with Active Indicator

Frosted-glass sticky navbar with a sliding active pill, mobile menu and user avatar cluster.

Sticky Docs Header with Search

Documentation header with breadcrumb search, version dropdown and mobile disclosure.

Marketing Navbar with CTA Stack

Marketing navbar with center links, right CTA pair and scroll-shrink behaviour.

Centered Navbar with Pill Links

Centered glass navbar with pill-shaped links, logo mark and mobile bottom bar.

Command Bar in Header

Header with a fake command bar that expands into a search overlay.