SaaS Collapsible Sidebar

Build a polished, collapsible sidebar using the shadcn/ui Sidebar component system. Covers every detail: icon-mode centering, hover-swap expand button, auto-tooltips, keyboard shortcuts, mobile Sheet, state persistence, loading skeletons.

When to Use

• SaaS dashboard with sidebar navigation
• Collapsible/minimizable sidebar (icon-only mode)
• Responsive layout with mobile sheet overlay

Quick Start

npx shadcn@latest add sidebar tooltip avatar popover collapsible separator skeleton sheet

This generates components/ui/sidebar.tsx (~770 lines) with ALL sidebar primitives. Do NOT build a custom <aside>.