This component no longer exists. It was in ruixen-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-12 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.

Nested Dashboard Menu

ruixen-ui/nested-dashboard-menu

RemovedComponent

A nested navigation menu component for dashboard layouts.

Live preview

live · rendered by the registry

Rendered by ruixen-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://ruixen.com/r/nested-dashboard-menu.json

Source

registry/ruixenui/nested-dashboard-menu.tsxruixen.com/r/nested-dashboard-menu.json

1"use client";
2 
3import {
4  Menubar,
5  MenubarContent,
6  MenubarItem,
7  MenubarMenu,
8  MenubarTrigger,
9  MenubarSeparator,
10  MenubarSub,
11  MenubarSubContent,
12  MenubarSubTrigger,
13} from "@/components/ui/menubar";
14 
15export default function NestedDashboardMenu() {
16  return (
17    <Menubar>
18      {/* Dashboard */}
19      <MenubarMenu>
20        <MenubarTrigger>Dashboard</MenubarTrigger>
21        <MenubarContent>
22          <MenubarItem>Overview</MenubarItem>
23          <MenubarItem>Statistics</MenubarItem>
24          <MenubarSub>
25            <MenubarSubTrigger>Quick Links</MenubarSubTrigger>
26            <MenubarSubContent>
27              <MenubarItem>Active Projects</MenubarItem>
28              <MenubarItem>Pending Tasks</MenubarItem>
29              <MenubarItem>Team Members</MenubarItem>
30            </MenubarSubContent>
31          </MenubarSub>
32        </MenubarContent>
33      </MenubarMenu>
34 
35      {/* Projects */}
36      <MenubarMenu>
37        <MenubarTrigger>Projects</MenubarTrigger>
38        <MenubarContent>
39          <MenubarItem>All Projects</MenubarItem>
40          <MenubarSub>
41            <MenubarSubTrigger>Templates</MenubarSubTrigger>
42            <MenubarSubContent>
43              <MenubarItem>Web App Template</MenubarItem>
44              <MenubarItem>Mobile App Template</MenubarItem>
45              <MenubarItem>Marketing Template</MenubarItem>
46            </MenubarSubContent>
47          </MenubarSub>
48          <MenubarItem>Create New Project</MenubarItem>
49        </MenubarContent>
50      </MenubarMenu>
51 
52      {/* Team */}
53      <MenubarMenu>
54        <MenubarTrigger>Team</MenubarTrigger>
55        <MenubarContent>
56          <MenubarItem>All Members</MenubarItem>
57          <MenubarSub>
58            <MenubarSubTrigger>Roles</MenubarSubTrigger>
59            <MenubarSubContent>
60              <MenubarItem>Admin</MenubarItem>
61              <MenubarItem>Editor</MenubarItem>
62              <MenubarItem>Viewer</MenubarItem>
63            </MenubarSubContent>
64          </MenubarSub>
65          <MenubarItem>Invite New Member</MenubarItem>
66        </MenubarContent>
67      </MenubarMenu>
68 
69      {/* Tasks */}
70      <MenubarMenu>
71        <MenubarTrigger>Tasks</MenubarTrigger>
72        <MenubarContent>
73          <MenubarItem>My Tasks</MenubarItem>
74          <MenubarItem>Assigned Tasks</MenubarItem>
75          <MenubarSub>
76            <MenubarSubTrigger>Categories</MenubarSubTrigger>
77            <MenubarSubContent>
78              <MenubarItem>Development</MenubarItem>
79// … truncated

What it pulls in

npm packages

lucide-react
motion

Other registry items

menubar

Files it writes

registry/ruixenui/nested-dashboard-menu.tsx