RetroGroupBox
Mac OS 9 group boxes: an etched frame whose title interrupts the top border. Primary (dark etch) and secondary (light etch) variants, with plain text, checkbox or pop-up menu titles.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-group-box.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 { RetroGroupBox } from "@/components/ui/retro-group-box"Usage
<RetroGroupBox title="Startup Disk">…</RetroGroupBox>
<RetroGroupBox variant="secondary" title="Options">…</RetroGroupBox>
// Checkbox title
<RetroGroupBox title={<><RetroCheckbox id="x" /><RetroLabel htmlFor="x">Use Sounds</RetroLabel></>}>
…
</RetroGroupBox>
// On a non-default background, match the title plate:
<RetroGroupBox title="…" titleClassName="bg-os9-gray-300" />Primary & Secondary
Primary Group
Secondary Group
Untitled group box — no title interrupts the frame.
Checkbox Title
Pop-up Title
Nested in a Control Panel
General Controls
Desktop
Shut Down Warning