Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksNavigation & shellDashboard sidebar

Dashboard sidebar

Adapted

The whole map. Brand header, workspace switcher and three navigation modes: labeled list, rail with submenu panel, and collapsed flyouts.

SidebarNavigationCollapse
React · CSS
Origin & adaptation notes

Adapts the TukiGrowth dashboard sidebar and SidebarSectionMenu: brand header with collapse toggle, searchable org/client switcher, labeled navigation that opens an icon rail with a persistent submenu panel, collapsed rail flyouts, and the mobile drawer. Convex data, next-intl labels and module policies are replaced with synthetic local state; icons are mapped to the gallery set and the menu is representative.

Curated adaptation. Synthetic data only. No production APIs.

PreviousApp top barNextContact detail tabs
Built with intention. Shared with the team.GauchoCode UI Gallery ✳