RetroCheckbox
A checkbox input with Mac OS 9 beveled box, checkmark indicator and indeterminate dash.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-checkbox.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 { RetroCheckbox } from "@/components/ui/retro-checkbox"Unchecked (Default)
Checked
Indeterminate
Pass checked="indeterminate" (or defaultChecked) to show the mixed-state dash, e.g. for a “select all” parent.
Disabled
Interactive (click to toggle)
Press and hold to see the active/pressed state with inverted bevel.