Installation

Prerequisites

You need a React project with Tailwind CSS 4 and shadcn set up on Radix. Base UI projects are not supported yet. Start one if you have none.

npx shadcn@latest init -b radix

Add the theme

Every component reads the theme tokens, so add it first. The theming guide covers fonts and palettes.

Add components

Every component page has its own command. It installs the files and every item they build on.

Icons

No icon pack ships with the theme. I recommend pixelarticons-react. Its icons sit on the same pixel grid, and this site uses it too.

npm install @nsmr/pixelart-react

import { Moon } from "@nsmr/pixelart-react"

<Moon size={24} />

Use the @ui95 namespace

Register the namespace once and install by name. The CLI fills {style} from your components.json.

That writes this to components.json. You can also paste it yourself.

{
  "registries": {
    "@ui95": "https://www.ui95.dev/r/{style}/{name}.json"
  }
}

npx shadcn@latest add @ui95/button

Package managers