Back to blocks
navigation
Block
Sidebar Menu Organizer
Drag-and-drop sidebar navigation organizer with visibility toggles and live preview
Installation
npx shadcn add @mylo-ui/sidebar-menu-organizerPreview
Menu Organizer
7 / 8 visible
/dashboard
/team
/projects
/documents
/messages
/calendar
/analytics
/settings
Preview
My App
Dashboard
Team
Projects
Documents
Messages
Analytics
Settings
Tips:
- Drag items to reorder
- Toggle visibility with the switch
- Click labels to edit
- Hidden items won't show in sidebar
Usage
import { SidebarMenuOrganizer } from "@/components/blocks/sidebar-menu-organizer"
export default function Page() {
return <SidebarMenuOrganizer />
}Dependencies
lucide-react
@dnd-kit/core
@dnd-kit/sortable
@dnd-kit/utilities
shadcn/ui Components
card
button
input
badge
switch