RetroHoverCard
A hover-triggered popup card with Mac OS 9 raised bevel for previewing link content.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-hover-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 { RetroHoverCard } from "@/components/ui/retro-hover-card"Basic Link Hover Card
Visit the Apple Support page for troubleshooting.
Multiple Inline Hover Cards
Classic Mac OS shipped with SimpleText, Sherlock, and Finder.
Rich Content
Learn more about the Power Macintosh G3 series.
Hover over any blue link to see the hover card appear.