RetroCheckbox

A checkbox input with Mac OS 9 beveled box and X-mark indicator.

Installation

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

Import

import { RetroCheckbox } from "@/components/ui/retro-checkbox"

Unchecked (Default)

Checked

Disabled

Interactive (click to toggle)

Press and hold to see the active/pressed state with inverted bevel.