Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

/
/
Home
/Patterns
/146. Intelligencer - Hamburger Menu

Intelligencer - Hamburger Menu

 DesktopPathfindingAwarenessWeb

A hamburger menu is a common UI pattern for condensing navigation links into a single icon, typically used to save space, especially on smaller screens or when a large number of navigation items are present. When activated, it reveals a full menu, often as a sidebar or overlay. Notable behavior: Click; Toggle; Collapsed.

Was this useful?
Device (Tabs)
Desktop
Mobile
System (OS)
Web
Language (i18n)
English
Description
A hamburger menu is a common UI pattern for condensing navigation links into a single icon, typically used to save space, especially on smaller screens or when a large number of navigation items are present. When activated, it reveals a full menu, often as a sidebar or overlay. Notable behavior: Click; Toggle; Collapsed.
VotesUp
VotesDown
Pattern ID
7
UX Flows
Pathfinding
Awareness
UI Components
Version
2.1.14

Desktop — When menu closed

notion image

Desktop — When menu opens

notion image

Desktop — View scrolled and menu closed

notion image

Desktop — View scrolled and menu opened

notion image

Mobile — Menu status

notion image
notion image
notion image

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback