@8bitcn

Open-source retro/8-bit styled React component library with ~35+ components (accordion, alert, avatar, badge, breadcrumb, button, calendar, card, carousel, chart, checkbox, collapsible, combo-box, command, context-menu, date-picker, dialog, drawer, dropdown-menu, enemy-health-display, and more) plus a blocks section. Built on shadcn/ui conventions with Tailwind CSS; install individual pieces via the shadcn CLI. Fully free, MIT-licensed, ~1.9k GitHub stars. Use for: landing pages, game-themed projects, or any app that wants a deliberate pixelated/retro aesthetic without building custom pixel-art CSS from scratch.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.8bitcn.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.8bitcn.com/r/registry.json

bun bunx shadcn@latest add https://www.8bitcn.com/r/registry.json

fetch registry curl -s https://www.8bitcn.com/r/registry.json

Components

60 total

8-bit Chapter Intro block

A cinematic chapter/level intro with pixel art background.

npx shadcn@latest add https://www.8bitcn.com/r/chapter-intro.json

8-bit Button component

A simple 8-bit button component

npx shadcn@latest add https://www.8bitcn.com/r/button.json

8-bit Input component

A simple 8-bit input component

npx shadcn@latest add https://www.8bitcn.com/r/input.json

8-bit Toast component

A simple 8-bit toast component

npx shadcn@latest add https://www.8bitcn.com/r/toast.json

8-bit Input-OTP component

A simple 8-bit input-otp component

npx shadcn@latest add https://www.8bitcn.com/r/input-otp.json

8-bit Badge component

A simple 8-bit badge component

npx shadcn@latest add https://www.8bitcn.com/r/badge.json

8-bit Textarea component

A simple 8-bit textarea component

npx shadcn@latest add https://www.8bitcn.com/r/textarea.json

8-bit Calendar component

A simple 8-bit calendar component

npx shadcn@latest add https://www.8bitcn.com/r/calendar.json

8-bit Date Picker component

A simple 8-bit date picker component

npx shadcn@latest add https://www.8bitcn.com/r/date-picker.json

8-bit Card component

A simple 8-bit card component

npx shadcn@latest add https://www.8bitcn.com/r/card.json

8-bit Card component

A simple 8-bit carousel component

npx shadcn@latest add https://www.8bitcn.com/r/carousel.json

8-bit Dialog component

A simple 8-bit dialog component

npx shadcn@latest add https://www.8bitcn.com/r/dialog.json

8-bit Dropdown Menu component

A simple 8-bit dropdown-menu component

npx shadcn@latest add https://www.8bitcn.com/r/dropdown-menu.json

8-bit Hover Card component

A simple 8-bit hover card component

npx shadcn@latest add https://www.8bitcn.com/r/hover-card.json

8-bit Popover component

A simple 8-bit popover component

npx shadcn@latest add https://www.8bitcn.com/r/popover.json

8-bit Resizable Panel component

Accessible resizable panel groups and layouts with keyboard support.

npx shadcn@latest add https://www.8bitcn.com/r/resizable.json

8-bit Select component

A simple 8-bit select component

npx shadcn@latest add https://www.8bitcn.com/r/select.json

8-bit sheet component

A simple 8-bit sheet component

npx shadcn@latest add https://www.8bitcn.com/r/sheet.json

8-bit Label component

A simple 8-bit label component

npx shadcn@latest add https://www.8bitcn.com/r/label.json

8-bit Checkbox component

A simple 8-bit checkbox component

npx shadcn@latest add https://www.8bitcn.com/r/checkbox.json

8-bit Scroll Area component

A simple 8-bit Scroll Area component

npx shadcn@latest add https://www.8bitcn.com/r/scroll-area.json

8-bit Switch component

A simple 8-bit switch component

npx shadcn@latest add https://www.8bitcn.com/r/switch.json

8-bit Alert component

A simple 8-bit switch component

npx shadcn@latest add https://www.8bitcn.com/r/alert.json

8-bit Alert Dialog component

A simple 8-bit Alert Dialog component

npx shadcn@latest add https://www.8bitcn.com/r/alert-dialog.json

8-bit Tooltip component

A simple 8-bit tooltip component

npx shadcn@latest add https://www.8bitcn.com/r/tooltip.json

8-bit Avatar component

A simple 8-bit avatar component

npx shadcn@latest add https://www.8bitcn.com/r/avatar.json

8-bit Skeleton component

A simple 8-bit skeleton component

npx shadcn@latest add https://www.8bitcn.com/r/skeleton.json

8-bit Breadcrumb component

A simple 8-bit breadcrumb component

npx shadcn@latest add https://www.8bitcn.com/r/breadcrumb.json

8-bit Collapsible component

A simple 8-bit collapsible component

npx shadcn@latest add https://www.8bitcn.com/r/collapsible.json

8-bit Progress component

A simple 8-bit progress component

npx shadcn@latest add https://www.8bitcn.com/r/progress.json

8-bit Enemy Health Display component

A retro-styled enemy health display component with health bar, name, and level

npx shadcn@latest add https://www.8bitcn.com/r/enemy-health-display.json

8-bit Health Bar component

A simple 8-bit health bar component

npx shadcn@latest add https://www.8bitcn.com/r/health-bar.json

8-bit Mana Bar component

A simple 8-bit mana bar component

npx shadcn@latest add https://www.8bitcn.com/r/mana-bar.json

8-bit XP Bar component

A simple 8-bit XP bar component with level up animation

npx shadcn@latest add https://www.8bitcn.com/r/xp-bar.json

8-bit Game Progress block

A simple 8-bit game progress component

npx shadcn@latest add https://www.8bitcn.com/r/game-progress.json

8-bit Dialogue block

A simple 8-bit dialogue component

npx shadcn@latest add https://www.8bitcn.com/r/dialogue.json

8-bit Profile Card component

A simple 8-bit profile card component

npx shadcn@latest add https://www.8bitcn.com/r/profile-card.json

8-bit Slider component

A simple 8-bit slider component

npx shadcn@latest add https://www.8bitcn.com/r/slider.json

8-bit Context Menu component

A simple 8-bit context menu component

npx shadcn@latest add https://www.8bitcn.com/r/context-menu.json

8-bit Menu Bar component

A simple 8-bit menu bar component

npx shadcn@latest add https://www.8bitcn.com/r/menubar.json

8-bit Toggle component

A simple 8-bit toggle component

npx shadcn@latest add https://www.8bitcn.com/r/toggle.json

8-bit Table component

A simple 8-bit table component

npx shadcn@latest add https://www.8bitcn.com/r/table.json

8-bit Tabs component

A simple 8-bit tabs component

npx shadcn@latest add https://www.8bitcn.com/r/tabs.json

8-bit Combo Box component

A simple 8-bit combo box component

npx shadcn@latest add https://www.8bitcn.com/r/combo-box.json

8-bit Command component

A simple 8-bit command component

npx shadcn@latest add https://www.8bitcn.com/r/command.json

8-bit Separator component

A simple 8-bit separator component

npx shadcn@latest add https://www.8bitcn.com/r/separator.json

8-bit Radio Group component

A simple 8-bit radio group component

npx shadcn@latest add https://www.8bitcn.com/r/radio-group.json

8-bit Pagination component

A simple 8-bit pagination component

npx shadcn@latest add https://www.8bitcn.com/r/pagination.json

8-bit Friend List block

A simple 8-bit friend list component

npx shadcn@latest add https://www.8bitcn.com/r/friend-list.json

8-bit Login Form block

A simple 8-bit login form component

npx shadcn@latest add https://www.8bitcn.com/r/login-form.json

8-bit Login Form 2 block

A simple 8-bit login form component

npx shadcn@latest add https://www.8bitcn.com/r/login-form-2.json

8-bit Login Form with Image block

A simple 8-bit login form component with image

npx shadcn@latest add https://www.8bitcn.com/r/login-form-with-image.json

8-bit Login Page page

A simple 8-bit login page component

npx shadcn@latest add https://www.8bitcn.com/r/login-page.json

8-bit Chart block

A simple 8-bit chart component

npx shadcn@latest add https://www.8bitcn.com/r/chart.json

8-bit Chart Bar block

A simple 8-bit chart bar component

npx shadcn@latest add https://www.8bitcn.com/r/chart-bar.json

8-bit Chart Area Step block

A simple 8-bit chart area step component

npx shadcn@latest add https://www.8bitcn.com/r/chart-area-step.json

8-bit Main Menu block

A simple 8-bit main menu component

npx shadcn@latest add https://www.8bitcn.com/r/main-menu.json

8-bit Pause Menu block

A simple 8-bit pause menu component

npx shadcn@latest add https://www.8bitcn.com/r/pause-menu.json

8-bit Game Over block

A simple 8-bit game over component

npx shadcn@latest add https://www.8bitcn.com/r/game-over.json

8-bit Audio Settings block

A simple 8-bit audio settings component

npx shadcn@latest add https://www.8bitcn.com/r/audio-settings.json