RetroKbd
Keyboard keycaps with a small raised bevel and Charcoal lettering. Renders the classic Mac modifier glyphs (⌘ ⌥ ⇧ ⌃) for shortcuts in menus, tooltips and docs.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-kbd.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 { RetroKbd } from "@/components/ui/retro-kbd"Usage
<RetroKbdGroup>
<RetroKbd>{RETRO_KBD_KEYS.command}</RetroKbd>
<RetroKbd>Q</RetroKbd>
</RetroKbdGroup>Single Keys
⌘⌥⇧⌃↩⌫⎋⇥ASpaceF12
Groups
⌘Q⌘⇧3⌃+Click
Sizes
⌘S⌘S⌘S
Shortcut Table
- Quit⌘Q
- Close Window⌘W
- Get Info⌘I
- Empty Trash⌘⇧⌫
- Force Quit⌘⌥⎋
- Restart⌘⌃⏻
Inline
Press ⌘Q to quit, or hold ⌥ while clicking the close box to close every Finder window.