はじめに

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アクセス.