RetroTitleBar

A window title bar with Mac OS 9 striped regions, close box, collapse, and zoom controls.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-title-bar.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 { RetroTitleBar } from "@/components/ui/retro-title-bar"

Active Window

Untitled
Macintosh HD
SimpleText — My Document.txt

Inactive Window

Untitled
Macintosh HD
SimpleText — My Document.txt

Long Title (Ellipsis)

This Is an Extremely Long Window Title That Should Truncate Gracefully

Active vs Inactive

Active Window
Background Window

Click close, collapse, or zoom boxes on the active title bars to test handlers.