Headers, menus, footers and shells.
Navigation
Complete navigation systems with working dropdowns, mega menus, drawers and active states — each one solving a different information-architecture problem.
Showing 6 of 38 navigation — clear filters
Minimal navbar
Wordmark, four links, one action — with an in-flow mobile disclosure rather than a drawer.
NavbarsstarterFeatured3 variantsCentered navbar
Three equal grid tracks keep the link group optically centred whatever the brand or actions weigh.
Navbarsstarter3 variantsEditorial masthead
A publication masthead: oversized serif wordmark, issue line, and a scrolling section rail.
Navbarsstarter3 variantsMobile-first tab bar
A bottom tab bar with safe-area padding, promoted to a horizontal top bar at md.
Navbarsstarter3 variantsSplit navbar
Two link groups flanking a centred brand, for products with a real product/resources divide.
Navbarsstarter3 variantsTransparent over hero
A navbar with no background of its own, inheriting inverted ink from the hero beneath it.
Navbarsstarter3 variants