Skip to main content
A modern floating sidebar design with elevated appearance. Perfect for contemporary dashboard layouts with a clean, spacious feel.

​
Installation

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

​
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 Sidebar03 from "@/components/sidebar-03";

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

​
Features

  • Floating design - Elevated sidebar with modern styling
  • Collapsible navigation - Expandable menu items
  • User management - Avatar and profile dropdown
  • Icon support - Lucide React icons
  • Responsive layout - Adapts to different screen sizes
  • Clean spacing - Modern, airy design

​
Use Cases

  • Modern dashboard layouts
  • Portfolio websites
  • Creative applications
  • Design-focused interfaces
  • Contemporary admin panels

Build docs developers (and LLMs) love

Get started for freeTalk to us