Back to Components

Start Menu

A Windows 95 styled start menu navigation component.

Preview
Start Menu Example
Start Menu Component
The Start Menu is typically displayed at the bottom of the screen as a navigation bar. It includes a "Start" button and menu items with optional submenus.
11:31 AM

Note: This is a static preview. The actual Start Menu component is displayed at the bottom of the page and provides full navigation functionality with active state highlighting and dropdown submenus.

Features
  • Windows 95 styled appearance with proper borders and colors
  • Active route highlighting
  • Support for menu items with icons
  • Multi-level dropdown submenus
  • Built-in clock display
  • Responsive design
Code
import { StartMenu, type MenuItem } from "@/components/windows95-ui/start-menu"

const menus: MenuItem[] = [
  {
    label: "Dashboard",
    path: "/dashboard",
    icon: <LayoutDashboard className="h-4 w-4" />,
  },
  {
    label: "Users",
    path: "/users",
    icon: <Users className="h-4 w-4" />,
    submenu: [
      { label: "All Users", path: "/users?filter=all" },
      { label: "Active Users", path: "/users?filter=active" },
    ],
  },
]

<StartMenu menus={menus} />