RetroBadge
A small status label with Mac OS 9 raised bevel in default, accent, and azul variants.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-badge.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 { RetroBadge } from "@/components/ui/retro-badge"Default Variant
DefaultLabelSystem 7
Accent Variant
AccentNewExtension
Azul Variant
AzulActivev9.0
All Variants
DefaultAccentAzul