navbar

Website menu bar

A navbar is a navigation bar—the strip of links or buttons, usually at the top or side of a webpage or application, that lets users move between sections: The navbar includes links to Home, About, and Contact.

Web developers and designers use the term constantly; regular users encounter navbars without necessarily knowing the word.

components

menu

List of available dishes

buttons · icons · links · tabs · breadcrumbs · toggle · login · avatar · CTAs · dividers

behavior

sticky

Apt to adhere

toggle · hover · dropdown · transparent · overlay · expandable · clickable · focusable · swipe · tap

layout

alignment

Correct relative positioning

  • flexboxCSS layout module
  • gridFramework of intersecting lines
  • spacingInterval arrangement between objects

padding · margin · fixed · sticky · fluid · responsive · breakpoint · viewport · container · centering

styling

color

Visual hue property

gradient · transparency · blur · themed · branded · minimalist · rounded · flat · elevated · accent

accessibility

ARIA

Web accessibility attribute standard

ADA · readable

Categories
Opposites
page position/location

navbarfooter

Bottom-of-page information

status bar · dock

Family

bar, navigate, navigator, navigation, nautical, navigating, navigable, navigated, navigational

Familiarity
Top 1,000,000
Profile
Used worldwide · Timeless · Concrete · Rated G