TheOrcDev/8bitcn-ui

これは何？

主な機能

• 01アクセシビリティを重視した基盤を備える、レトロな8ビット風Reactコンポーネント。
• 02shadcn CLIでソースコードとして追加でき、コードを自分で所有して編集できます。
• 03ドキュメントサイトでコンポーネントカタログ、blocks、テーマを提供。
• 04MITライセンスのもとで無料公開されているオープンソースソフトウェア。

ユースケース

• Next.jsやReactのWebアプリに、アーケード風またはピクセルアート風のデザインを取り入れる。
• ゲームやクリエイティブなプロジェクト向けに、遊び心のあるインターフェースを構築する。
• shadcnベースのコンポーネントを使って、レトロテーマのダッシュボードを作り始める。

クイックスタート

1. 1

   shadcn CLIを使って、ボタンコンポーネントをプロジェクトに追加します

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

   ファイル内でコンポーネントをインポートして使用します

使う前に知っておきたいこと

• !インポートパス @/components/ui/8bit はパスエイリアスが設定されていることを前提としており、調整が必要な場合があります。

収録されている特集

トピック

よくある質問

8bitcn-ui とは？

shadcn/uiをベースにしたレトロな8ビット風React UIコンポーネント。shadcn CLIでプロジェクトにコピーして使えます。 8bitcn/uiは、Reactプロジェクト向けのレトロなピクセルスタイルのUIコンポーネント集です。shadcn/uiをベースにしており、パッケージ依存としてインストールするのではなく、ソースコードとしてコードベースに追加します。ドキュメントサイトでは、コンポーネントカタログ、blocks、テーマを提供しています。

8bitcn-ui は無料で使えますか？ライセンスは？

8bitcn-ui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

8bitcn-ui は今もメンテナンスされていますか？

活発にメンテナンス中。8bitcn-ui の最終コミットは 2026年11月5日 です。

8bitcn-ui は何に使えますか？

Next.jsやReactのWebアプリに、アーケード風またはピクセルアート風のデザインを取り入れる。 ゲームやクリエイティブなプロジェクト向けに、遊び心のあるインターフェースを構築する。 shadcnベースのコンポーネントを使って、レトロテーマのダッシュボードを作り始める。

8bitcn-ui のインストール方法は？

shadcn CLIを使って、ボタンコンポーネントをプロジェクトに追加します: pnpm dlx shadcn@latest add @8bitcn/button ファイル内でコンポーネントをインポートして使用します

8bitcn-ui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/TheOrcDev/8bitcn-ui