はじめに
gooduiは、shadcn/ui向けのアプリケーション画面ライブラリです。スケジューリングと予約、ダッシュボード、テーブル、請求、認証、オンボーディング、通知、AI。13カテゴリに150個のブロックがあり、うち39個は無料です。
仕組み
- ブロックはshadcn CLIでインストールします。ソースは
components/goodui/に置かれ、自由に編集できます。 - ブロックはあなた自身の
components/uiを使うので、テーマ、角丸、フォントがそのまま適用されます。 - shadcnの両フレーバー(RadixとBase UI)、Tailwind v4、React 19で動作します。
- すべてのブロックにリアルなデモデータが付属し、空・読み込み中・エラー・取り消しの各状態を処理します。
- バックエンドは含まれません。デモデータをあなたのAPI、Supabase、Prismaなどに置き換えてください。
フォント
キットには専用の書体が付属します。本文用のgoodui Sansと見出し用のgoodui Displayで、可変WOFF2と、React Native用の静的TTFを同梱。どちらもFigtreeから派生し、SIL Open Font License 1.1で提供されるため、gooduiの有無を問わずどんなプロジェクトでも使えます。見本、ダウンロード、next/fontの設定はこちら: フォント.
無料とPro
無料ブロックはMITで、公開レジストリからインストールします。Proブロックはライセンスキーを使ってプライベートレジストリからインストールします。詳しくは Proアクセス.