RetroLabel

A form label in Mac OS 9 typography with default and large size variants.

Installation

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

Default size (10px) with input

Large size (12px heading font) with input

With checkboxes

Disabled

Size comparison

Labels use cursor: default and are paired with inputs and checkboxes via htmlFor.