design-infraReport a problem or share feedback← Catalog
Sidebar 07
curatedtheme-awarefreeshadcn/sidebar-07
A sidebar that collapses to icons.
drop-inMinimalTrustworthy
$
npx shadcn@latest add sidebar-07Our notes
Sidebar that collapses to icons, with team switcher + user menu — the best default app shell. Writes app/dashboard/page.tsx and components/app-sidebar.tsx (installing another sidebar-NN overwrites it).- Source
- shadcn/ui blocks
- Kind
- block
- Categories
- sidebar, dashboard
- Use as
- drop-in — replaces your component
- Applies to
- sidebardashboard
- Motion
- not tagged (static or unknown)
- Tags
- block
- Licence
- MIT (shadcn-ui/ui)
- Live demo
- ui.shadcn.com
- Docs
- ui.shadcn.com
Similar
Compare all 4 →- Sidebar 08shadcn/sidebar-08Inset sidebar with secondary nav — Linear/Vercel-style shell.
- Sidebar 15shadcn/sidebar-15Left nav + right sidebar (calendar) — three-column layouts like mail/calendar apps.
- Sidebar 16shadcn/sidebar-16Sidebar under a sticky site header (search + breadcrumb) — for apps with a global top bar.