RetroChart
Chart components wrapping Recharts with Mac OS 9 themed tooltips, legends, and container.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-chart.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 { RetroChart } from "@/components/ui/retro-chart"Chart components styled with OS9 aesthetics. Wraps Recharts with OS9-themed tooltips, legends, and container styling. Uses Geneva 9px for axis labels and Balloon Help style for tooltips.
Bar Chart — Disk Usage by Folder
Multi-Series Bar Chart
Hover over bars to see the OS9 Balloon Help tooltip. The legend uses square indicators consistent with OS9 design.