RetroCard
A content container with Mac OS 9 raised bevel, header, body, and footer sections.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-card.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 { RetroCard } from "@/components/ui/retro-card"Full card
System Preferences
Configure your Macintosh settings and control panels.
Memory: 128 MB RAM installed. Virtual Memory is currently turned on, using "Macintosh HD" as the backing store.
Content only
A simple card with content only — no header or footer. Useful for plain informational panels.
Header + Content
About This Macintosh
Hardware and system information.
- Mac OS 9.2.2
- Built-in Memory: 128 MB
- Largest Unused Block: 86.4 MB
Side by side
Sherlock
Search the Internet and your hard disks.
SimpleText
Read and edit plain text documents.