RetroToolbar

An application toolbar with Mac OS 9 beveled buttons, separators, and grouped controls.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-toolbar.json"

Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json

Import

import { RetroToolbar } from "@/components/ui/retro-toolbar"

A toolbar component with beveled buttons, separators, and groups. Used for application toolbars with icon or text buttons.

Basic Toolbar

Text Button Toolbar

With Disabled Buttons

Press and hold buttons to see the active/pressed bevel state. Disabled buttons appear at 50% opacity. Separators provide visual grouping.