Repolode
Submit
TheOrcDev

TheOrcDev/8bitcn-ui

Retro 8-bit styled React UI components built on shadcn/ui, copied into your project with the shadcn CLI.

View on GitHubWebsite
Stars
2,064
Forks
118
Open issues
20
Last commit
2 days ago

What is it?

8bitcn/ui is a collection of retro, pixel-style UI components for React projects. It is built on top of shadcn/ui, so components are added to your codebase as source code rather than installed as a package dependency. The project provides a documentation site, a component catalog, blocks, and themes.

To use a component, you run the shadcn CLI with an @8bitcn registry name, such as adding the button component, and then import it from the generated components/ui/8bit path. Because the code lands in your own project, you can adjust styling and behavior directly. The README notes the import path assumes a configured path alias, which is common in Next.js setups.

The project is free and MIT licensed. Its stated focus is accessibility combined with a retro visual style, making it suited to games, playful interfaces, or dashboards that want an arcade aesthetic.

Key features

  • 01Retro 8-bit styled React components with an accessible foundation.
  • 02Installed as source code via the shadcn CLI, so you own and can edit the code.
  • 03Provides a component catalog, blocks, and themes in a documentation site.
  • 04Free and open source under the MIT license.

Use cases

  • Adding an arcade or pixel-art look to a Next.js or React web app.
  • Building playful interfaces for games or creative projects.
  • Starting a retro-themed dashboard using shadcn-based components.

Quick start

  1. 1

    Add the button component to your project with the shadcn CLI

    pnpm dlx shadcn@latest add @8bitcn/button
  2. 2

    Import and use the component in your files

Things to know

  • The import path @/components/ui/8bit assumes a configured path alias and may need adjusting.

In collections

Frontend frameworks & UI components

Topics

#ui-components#react#shadcn-ui#retro-design#accessibility#tailwind-css#typescript#8-bit#components#retro

FAQ

What is 8bitcn-ui?
Retro 8-bit styled React UI components built on shadcn/ui, copied into your project with the shadcn CLI. 8bitcn/ui is a collection of retro, pixel-style UI components for React projects. It is built on top of shadcn/ui, so components are added to your codebase as source code rather than installed as a package dependency. The project provides a documentation site, a component catalog, blocks, and themes.
Is 8bitcn-ui free to use? What license does it have?
8bitcn-ui is open source under the MIT license. Check the license terms before using it in commercial products.
Is 8bitcn-ui still maintained?
Actively maintained. The last commit to 8bitcn-ui was on Nov 5, 2026.
What can I use 8bitcn-ui for?
Adding an arcade or pixel-art look to a Next.js or React web app. Building playful interfaces for games or creative projects. Starting a retro-themed dashboard using shadcn-based components.
How do I install 8bitcn-ui?
Add the button component to your project with the shadcn CLI: pnpm dlx shadcn@latest add @8bitcn/button Import and use the component in your files
Where can I get 8bitcn-ui?
The source code and installation instructions are on GitHub: https://github.com/TheOrcDev/8bitcn-ui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects