10 sidebar variations — collapsible, mini, off-canvas, accent, floating, and more.
Classic — Grouped Navigation
This is the main content area. The sidebar provides grouped navigation with section headings.
Mini — Icon Only Sidebar
Compact icon-only sidebar. Tooltips on hover reveal the full label. Ideal for maximizing content area.
Dark Theme Sidebar
A dark-themed sidebar that contrasts with the main content area. Great for SaaS dashboards.
Collapsible — Expandable Sub-menus
Click on menu items with chevrons to expand/collapse sub-navigation groups.
Accent Colored Sidebar
The sidebar uses the theme accent color as background, creating a bold branded look.
Off-Canvas — Slide-in Sidebar
Click the button below to toggle the slide-in sidebar overlay.
Floating — Detached with Shadow
A detached sidebar with rounded corners and shadow. Feels lighter and modern.
Feature-Rich — Search + Notifications
Includes search bar, notification badges, and recent contacts section.
Bordered — Rounded Link Style
Links with rounded borders instead of left accent lines. Cleaner, more modern feel.
Dual — Mini + Expanded Panel
A mini icon rail combined with an expanded detail panel. Common in enterprise tools like Slack or VS Code.