MCPcopy Create free account
hub / github.com/TheOrcDev/8bitcn-ui

github.com/TheOrcDev/8bitcn-ui @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
760 symbols 1,836 edges 264 files ⚖ MIT 0 documented · 0% 31 cross-repo links updated 12d ago★ 1,99114 open issues

Browse by type

Functions 602 Types & classes 158
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

8bitcn/ui

Accessible retro components that you can copy and paste into your apps. Free. Open Source.

Visit 8bitcn.com

Sponsor

8bitcn UI Components

Contributing

Please read the contributing guide.

Usage Example

To add the button component to your project, run the following command:

pnpm dlx shadcn@latest add @8bitcn/button

Once installed, you can import and use the component in your files:

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

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

Note: The import path @/components/ui/8bit assumes your project has a path alias configured (common in Next.js and similar frameworks). Adjust the path to match your project's structure if needed.

8bitcn Button example

License

Licensed under the MIT license.

Open Source Program

Vercel OSS Program

Star History

RepoStars

Extension points exported contracts — how you extend this code

browse all types & interfaces →

Core symbols most depended-on inside this repo

browse all functions →

Shape

Function 602
Interface 158

Languages

TypeScript100%

Modules by API surface

components/ui/sidebar.tsx25 symbols
components/ui/dropdown-menu.tsx15 symbols
components/ui/8bit/select.tsx14 symbols
components/ui/8bit/breadcrumb.tsx13 symbols
components/ui/8bit/alert-dialog.tsx13 symbols
components/ui/alert-dialog.tsx11 symbols
components/ui/8bit/icons.tsx11 symbols
components/ui/sheet.tsx10 symbols
components/ui/select.tsx10 symbols
components/ui/field.tsx10 symbols
components/ui/drawer.tsx10 symbols
components/ui/8bit/item.tsx10 symbols

Dependencies from manifests, versioned

@biomejs/biome2.4.15 · 1×
@creem_io/nextjs0.6.0 · 1×
@dnd-kit/core6.3.1 · 1×
@dnd-kit/modifiers9.0.0 · 1×
@dnd-kit/sortable10.0.0 · 1×
@dnd-kit/utilities3.2.2 · 1×
@neondatabase/serverless1.1.0 · 1×
@radix-ui/react-accordion1.2.12 · 1×
@radix-ui/react-alert-dialog1.1.15 · 1×
@radix-ui/react-aspect-ratio1.1.8 · 1×

For agents

$ claude mcp add 8bitcn-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page