Installation
Add react98 components to your project.
react98 is a flat shadcn registry. You can install the full set or one primitive at a time.
Install the full kit
pnpm dlx shadcn@latest add https://react98-ui.vercel.app/r/win98.jsonnpx shadcn@latest add https://react98-ui.vercel.app/r/win98.jsonyarn dlx shadcn@latest add https://react98-ui.vercel.app/r/win98.jsonbunx shadcn@latest add https://react98-ui.vercel.app/r/win98.jsonInstall a single component
pnpm dlx shadcn@latest add https://react98-ui.vercel.app/r/button.jsonnpx shadcn@latest add https://react98-ui.vercel.app/r/button.jsonyarn dlx shadcn@latest add https://react98-ui.vercel.app/r/button.jsonbunx shadcn@latest add https://react98-ui.vercel.app/r/button.jsonEvery component depends on the shared 98.css stylesheet, which is installed
into components/ui/98/styles/98.css automatically.
Use the components
Wrap any 98-styled UI in an element that carries the win98 class so the
font and surface variables apply:
import { Button, Window, WindowBody, WindowTitle, WindowTitleBar } from "@/components/ui/98";
export default function Example() {
return (
<main className="win98">
<Window>
<WindowTitleBar>
<WindowTitle>Hello</WindowTitle>
</WindowTitleBar>
<WindowBody>
<Button>OK</Button>
</WindowBody>
</Window>
</main>
);
}