Registries
ActiveAnimated components1,936

@8bitcn

Animated components · MIT · data updated 2026-07-08

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.

WebsiteDocsGitHubComponents folder

Install

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

Health

StatusActive
Last commit2 days ago
LicenseMIT
Open issues16
ArchivedNo
Stars1,936

Components (118)

chapter-introbuttoninputtoastinput-otpbadgetextareacalendardate-pickercardcarouseldialogdropdown-menuhover-cardpopoverresizableselectsheetlabelcheckboxscroll-areaswitchalertalert-dialogtooltipavatarskeletonbreadcrumbcollapsibleprogressenemy-health-displayhealth-barmana-barxp-bargame-progressdialogueprofile-cardslidercontext-menumenubartoggletabletabscombo-boxcommandseparatorradio-grouppaginationfriend-listlogin-formlogin-form-2login-form-with-imagelogin-pagechartchart-barchart-area-stepmain-menupause-menugame-overaudio-settings
Components: chapter-intro, button, input, toast, input-otp, badge, textarea, calendar, date-picker, card, carousel, dialog, dropdown-menu, hover-card, popover, resizable, select, sheet, label, checkbox, scroll-area, switch, alert, alert-dialog, tooltip, avatar, skeleton, breadcrumb, collapsible, progress, enemy-health-display, health-bar, mana-bar, xp-bar, game-progress, dialogue, profile-card, slider, context-menu, menubar, toggle, table, tabs, combo-box, command, separator, radio-group, pagination, friend-list, login-form, login-form-2, login-form-with-image, login-page, chart, chart-bar, chart-area-step, main-menu, pause-menu, game-over, audio-settings, toggle-group, sidebar, accordion, drawer, navigation-menu, difficulty-select, leaderboard, player-profile-card, quest-log, save-slots, dashboard-01, theme-selector, spinner, kbd, retro-mode-switcher, empty, item, character-sheet, victory-screen, loading-screen, hero1, hero2, feature1, hero3, feature2, feature3, pricing1, pricing2, faq1, faq2, faq3, social-proof1, social-proof2, social-proof3, timeline1, timeline2, timeline3, cta1, cta2, footer1

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@8bitcn · chapter-intro

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