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

Made with 💙 by Pablo Armenv2.3.1

/
/
Home
/Patterns
/293. Collapsable Sidebar Menu | Google Gmail

Collapsable Sidebar Menu | Google Gmail

 DesktopAwarenessPathfindingAccessibility

This collapsible sidebar menu allows users to expand or hide navigation options, optimizing screen real estate while maintaining easy access to key sections.

View more...

Released: Jan 16, 2022

Updated: Aug 24, 2026

Version: 2.2.0

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Español
Description
This collapsible sidebar menu allows users to expand or hide navigation options, optimizing screen real estate while maintaining easy access to key sections.
VotesUp
VotesDown
Pattern ID
293
UX Flows
Awareness
Pathfinding
Accessibility
UI Components
Side Panel
Transition
Click Event
Navbar
Version
2.1.19

Gmail

notion image
Loading capture…
 

Youtube

HD available on Youtube
Loading capture…
HD available on Youtube
 

Google Keep

notion image
Loading capture…
 

MercadoLibre

notion image
Loading capture…

Related patterns

  • 199. Sidebar Emptystate
  • 227. Secondary Sidebar Toggle (Mouse)
  • 239. Secondary Sidebar Toggle (Touch)
  • 254. Toggle/Hide Sidebar Menu (Mouse)
  • 279. Collapsable Layout Sidebars
  • 292. Vertical Icon Menu
  • 375. Toggle/Show Sidebar Menu
 

Still searching?

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

Send feedback