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

Made with 💙 by Pablo Armenv2.1.15

Home
/Patterns
/146. Intelligencer - Hamburger Menu

146. 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
Pattern ID
7
UX Flows
Pathfinding
Awareness
UI Components
Version

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

Need more inspiration?

Found this pattern useful?