Skip to main content
A versatile double-sided sidebar layout suitable for complex applications requiring multiple levels of navigation.

Installation

Install the component from the Blocks registry:
npx shadcn@latest add @blocks/sidebar-05

Dependencies

This component requires the following shadcn/ui components:
  • avatar
  • button
  • collapsible
  • dropdown-menu
  • sidebar
And the following npm packages:
npm install lucide-react

Usage

import Sidebar05 from "@/components/sidebar-05";

export default function Page() {
  return <Sidebar05 />;
}

Features

  • Dual navigation - Primary and secondary sidebar panels
  • Hierarchical organization - Multiple levels of navigation
  • Collapsible groups - Expandable menu sections
  • User management - Profile and settings access
  • Icon integration - Comprehensive icon support
  • Flexible layout - Adaptable to various use cases

Use Cases

  • Enterprise applications
  • Project management tools
  • IDE-like interfaces
  • Multi-module platforms
  • Complex admin dashboards

Build docs developers (and LLMs) love