Back to projects
New

8bitcn/ui

Updated 2026-07-23

8bitcn/ui — 1
1 / 2

Embeds

Add interesting embeds to your website or README.

License
LightDark
8bitcn/ui on EmbedCatalog
<a href="https://embedcatalog.com/projects/8bitcn" target="_blank" rel="noreferrer noopener"><img src="https://embedcatalog.com/embed/8bitcn/license.png" alt="8bitcn/ui on EmbedCatalog" style="width: 160px; height: 28px;" width="160" height="28" /></a>
Added to
LightDark
8bitcn/ui on EmbedCatalog
<a href="https://embedcatalog.com/projects/8bitcn" target="_blank" rel="noreferrer noopener"><img src="https://embedcatalog.com/embed/8bitcn/added.png" alt="8bitcn/ui on EmbedCatalog" style="width: 200px; height: 28px;" width="200" height="28" /></a>
PremiumOrganization
LightDark
8bitcn/ui on EmbedCatalog
<a href="https://embedcatalog.com/projects/8bitcn" target="_blank" rel="noreferrer noopener"><img src="https://embedcatalog.com/embed/8bitcn/organization.png" alt="8bitcn/ui on EmbedCatalog" style="width: 200px; height: 48px;" width="200" height="48" /></a>

A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.

8bitcn/ui is an accessible retro UI library. Open source. Copy-paste. Built as a set of retro-designed components and a code distribution platform on top of the shadcn ecosystem.

What you get

A growing collection of rare loot UI pieces: buttons, forms, blocks, and themes with a pixel / 8-bit look. Free to use, open source, and installable the same way you add other shadcn registry components.

Usage example

To add the button component to your project:

npx shadcn@latest add @8bitcn/button

Then import and use it in your app:

import { Button } from "@/components/ui/8bit";

export default function App() {
  return <Button>Click me</Button>;
}

Tags

uicomponentsretro8-bitshadcnreact