Installation

How to install 8bit components in your project.

1. Pick a theme and install it

Head to the theme page, pick the styling you want, and copy the scaffold command shown there to init a brand new project already themed — or the "add to existing project" command if you're adding 8bit to a project you already have.

2. Install Geist Pixel or your preferred pixel font

8bit's default look uses Geist Pixel. Grab it from Google Fonts, or pick your preferred pixel font and add it to your project.

3. Add components

Every component in the registry installs the same way — swap the URL for the one shown on that component's docs page. Button is used here as an example.

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/button.json

Prefer to copy by hand?

Every component doc has a "Manual" tab with its full source, so you can paste it in without touching the CLI.