RetroDialog

A modal dialog window with Mac OS 9 chrome, title bar, and close box.

Installation

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

Basic Dialog

Confirmation Dialog

Click a button to open the dialog. Click the close box, press Escape, or click outside to dismiss.