Components
nostalgia-ui Components
78 Mac OS 9 styled components built with Radix UI and Tailwind CSS. Each component is a drop-in replacement installable via the shadcn CLI. Zero image assets — every bevel, stripe, and shadow is pure CSS.
Installation
Install any component with a single command:
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-button.json"
Installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add just the theme on its own:
npx shadcn@latest add "https://nostalgia-ui.com/r/nostalgia-theme.json"
Usage
Import and use components just like shadcn/ui — same API patterns, same className prop, same composability:
import { RetroButton } from "@/components/ui/retro-button"
import { RetroWindow } from "@/components/ui/retro-window"
export function MyApp() {
return (
<RetroWindow title="Hello" active>
<RetroButton variant="primary">Click me</RetroButton>
</RetroWindow>
)
}