受託開発・社内管理画面・SaaSダッシュボードで**そのまま使える** React (TypeScript) + Tailwind CSS のUIコンポーネント＆画面テンプレート集です。外部UIライブラリへの依存はゼロ、必要なのは React と Tailwind CSS だけ。 ## 収録内容(全34ファイル) - **コンポーネント15点**: Button / Badge / MetricsCard / DataTable / Sparkline / BarChart / ChartContainer / Modal / Drawer / Toast / FormField(Text・Select・Textarea) / Tabs / Pagination / EmptyState / Skeleton - **DataTable はソート・全文フィルタ・ページング内蔵**。ジェネリック型で列定義するだけで動きます(数値と文字列を型で判別してソートするので `10 < 9` になりません) - **フック4点**: useDisclosure / useSortableRows / useToast / useDarkMode - **画面テンプレート2点**: DashboardPage(KPIカード＋グラフ＋一覧) / SettingsPage(タブ＋フォーム＋通知) - **静的プレビュー同梱**: `preview/index.html` をブラウザで開くだけで、ビルド不要で実物の見た目を確認できます(ライト/ダーク両方)。**商品ページの画像はこのファイルを描画した実物の画素です** - **ドキュメント3点**: README / SETUP(導入手順・つまずき表) / COMPONENTS(コンポーネント別リファレンス) - **マルチシート商用ライセンス条文**: LICENSE_MULTI_SEAT.md ## 設計方針 - レスポンシブ＆ダークモード対応(`darkMode: 'class'`)。ブランド色は `brand.500` を差し替えるだけで全体に反映 - TypeScript の型定義完備(`strict` 前提)。Modal/Tabs/FormField は aria 属性まで配線済み - グラフはSVG手書きで外部グラフライブラリ不要 ## 動作要件 React 18以上 / Tailwind CSS 3.4以上 / TypeScript 5以上(JSプロジェクトでも型注釈を外せば利用可) ## ライセンス - Solo ¥2,980(個人・フリーランス／受託3案件まで) - Agency ¥9,800(8名まで／受託案件無制限) - Enterprise ¥29,800(人数無制限／自社SaaSへの組み込み可) 組み込み済みの製品を納品・公開することは許可されます。素材そのものの再配布・再販売・オープンソースでの再公開は禁止です。詳細は同梱の LICENSE_MULTI_SEAT.md をご確認ください。