MCPcopy
hub / github.com/TheOrcDev/8bitcn-ui

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

repository ↗ · DeepWiki ↗
760 symbols 1,836 edges 264 files 0 documented · 0%
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

UseScreenshotOptions (Interface)
(no doc)
types/use-react-screenshot.d.ts
ComponentPreviewProps (Interface)
(no doc)
components/component-preview.tsx
MythicSponsorProps (Interface)
(no doc)
components/mythic-sponsor.tsx
SponsorClaimProps (Interface)
(no doc)
components/sponsor-claim.tsx
ProfileCardProps (Interface)
(no doc)
components/profile-card.tsx
ProfileCardProps (Interface)
(no doc)
components/copy-profile-card-dialog.tsx
ThemeContextType (Interface)
(no doc)
components/active-theme.tsx
InstallationCommandsProps (Interface)
(no doc)
components/installation-commands.tsx

Core symbols most depended-on inside this repo

cn
called by 571
lib/utils.ts
getFontClassName
called by 8
components/ui/8bit/navigation-menu.tsx
useSidebar
called by 7
components/ui/sidebar.tsx
useThemeConfig
called by 6
components/active-theme.tsx
onClick
called by 6
components/examples/drawer.tsx
valueForAttr
called by 5
components/profile-creator.tsx
toast
called by 5
components/ui/8bit/toast.tsx
useCarousel
called by 4
components/ui/8bit/carousel.tsx

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×
@origin-space/image-cropper0.1.9 · 1×
@radix-ui/react-accordion1.2.12 · 1×
@radix-ui/react-alert-dialog1.1.15 · 1×
@radix-ui/react-aspect-ratio1.1.8 · 1×
@radix-ui/react-avatar1.1.11 · 1×

For agents

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

⬇ download graph artifact