Navigation Elements

Navigation systems guide users through the different sections, pages, or views of a digital product. These components help users understand where they are, where they can go, and how to get back.

Hamburger Menu

Also known as: Menu Button, Sandwich Menu, Three-line Menu

An icon composed of three stacked horizontal lines that expands to reveal a navigation menu when clicked. Commonly used in mobile interfaces to save space.

navigationmobileiconcollapse

Navbar

Also known as: Navigation Bar, Top Bar, Header Navigation

A horizontal bar typically placed at the top of a page containing navigation links, site branding, and sometimes search functionality.

navigationheaderlinksresponsive

Stepper

Also known as: Progress Steps, Step Indicator, Workflow Indicator

A component that displays progress through a sequence of logical and numbered steps, often used for multi-step forms or checkout processes.

navigationprogressstepsworkflowform

Tabs

Also known as: Tab Navigation, Tab Bar

Interactive elements styled as physical tabs allowing users to switch between different content views within the same context.

navigationcontent-switchingsectionsorganization

Breadcrumbs

Also known as: Breadcrumb Trail, Path Navigation

A secondary navigation showing the user's current location within the site hierarchy and the path taken to reach it.

navigationhierarchylocation

Pagination

Also known as: Page Navigation, Pager, Page Controls

A navigation component that provides a series of links to navigate through multiple pages of content, typically used for search results, tables, or content lists.

navigationpagesresultscontent-division

Toolbar

Also known as: Action Bar, Command Bar, Tool Strip

A container for a set of related actions or controls, providing quick access to frequently used functions.

navigationcontrolsactionsbuttonsinterface