TheOrcDev/8bitcn-ui

어떤 프로젝트인가요?

핵심 기능

• 01접근성을 고려한 기반 위에 만들어진 레트로 8비트 스타일의 React 컴포넌트입니다.
• 02shadcn CLI를 통해 소스 코드로 프로젝트에 추가되므로, 코드를 직접 소유하고 수정할 수 있습니다.
• 03문서 사이트에서 컴포넌트 카탈로그와 블록, 테마를 제공합니다.
• 04MIT 라이선스로 제공되는 무료 오픈소스 프로젝트입니다.

활용 사례

• Next.js 또는 React 웹 앱에 아케이드나 픽셀 아트 분위기를 더할 때.
• 게임이나 창작 프로젝트를 위한 개성 있는 인터페이스를 만들 때.
• shadcn 기반 컴포넌트로 레트로 테마 대시보드를 시작할 때.

빠른 시작

1. 1

   shadcn CLI를 사용해 프로젝트에 버튼 컴포넌트를 추가합니다

   pnpm dlx shadcn@latest add @8bitcn/button
2. 2

   파일에서 컴포넌트를 import하여 사용합니다

사용 전 알아둘 점

• !가져오기 경로 @/components/ui/8bit는 경로 별칭이 설정되어 있다고 가정하므로 조정이 필요할 수 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

8bitcn-ui은(는) 무엇인가요?

shadcn/ui 기반의 레트로 8비트 스타일 React UI 컴포넌트로, shadcn CLI를 통해 프로젝트에 복사해 사용할 수 있습니다. 8bitcn/ui는 React 프로젝트를 위한 레트로 픽셀 스타일 UI 컴포넌트 모음입니다. shadcn/ui를 기반으로 하므로 패키지 의존성으로 설치하는 대신 컴포넌트 소스 코드가 프로젝트 코드베이스에 추가됩니다. 문서 사이트와 컴포넌트 카탈로그, 블록, 테마를 제공합니다.

8bitcn-ui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

8bitcn-ui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

8bitcn-ui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. 8bitcn-ui의 마지막 커밋은 2026년 11월 5일입니다.

8bitcn-ui은(는) 어디에 사용할 수 있나요?

Next.js 또는 React 웹 앱에 아케이드나 픽셀 아트 분위기를 더할 때. 게임이나 창작 프로젝트를 위한 개성 있는 인터페이스를 만들 때. shadcn 기반 컴포넌트로 레트로 테마 대시보드를 시작할 때.

8bitcn-ui는 어떻게 설치하나요?

shadcn CLI를 사용해 프로젝트에 버튼 컴포넌트를 추가합니다: pnpm dlx shadcn@latest add @8bitcn/button 파일에서 컴포넌트를 import하여 사용합니다

8bitcn-ui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/TheOrcDev/8bitcn-ui