Navigation

78 components, 71 with React code

Sidebars, top bars, tab bars and toolbars that shape a whole product. Includes collapsed rails, workspace switchers and filter toolbars.

App shellSection tabsList toolbars with filters and views

Sidebar component preview
SidebarLoopoCodeFree
Top bar component preview
Top barLoopoCodeFree
Tabs wrap component preview
Tabs wrapLoopoCodeFree
Toolbar component preview
ToolbarLoopoCodeFree
Tab bar component preview
Tab barLoopoCodeFree
Editor bar component preview
Editor barLoopoCodeFree
Filter toolbar component preview
Filter toolbarLoopoCodeFree
Bulk action bar component preview
Bulk action barLoopoCodeFree
Toolbar, Created by: Anyone component preview
Tab bar, Content component preview
Tab bar, ContentLoopoCodeFree
Canvas toolbar component preview
Canvas toolbarLoopoCodeFree
Toolbar, All component preview
Toolbar, AllLoopoCodeFree
Tabs component preview
TabsLoopoCodeFree
Toolbar, All component preview
Toolbar, AllLoopoCodeFree
All toolbar component preview
All toolbarAutonCode Pro
Bulk action bar component preview
Bulk action barAutonCode Pro
All toolbar, All component preview
All toolbar, AllAutonCode Pro
All toolbar, All component preview
All toolbar, AllAutonCode Pro
All toolbar, All component preview
All toolbar, AllAutonCode Pro
All toolbar, All component preview
All toolbar, AllAutonCode Pro
All toolbar, All component preview
All toolbar, AllAutonCode Pro
Sidebar component preview
SidebarMailPulseCode Pro
Browse and filter all 78

Every navigation component, by system

Questions

Is there a free React sidebar?

Yes. The Loopo sidebar nav is a free React component.

Can the sidebar collapse?

Several systems include a collapsed rail variant in Figma; check the component page for code status.

Guides