受託開発・社内管理画面・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プロジェクトでも型注釈を外せば利用可) ## ライセンス 本商品(¥2,980)でご利用いただける範囲です。 - 個人・フリーランスの受託制作3案件までご利用いただけます - チーム共有・受託案件無制限・自社SaaSへの組み込みは本商品の範囲外です。ご希望の場合はショップのメッセージからお問い合わせください 組み込み済みの製品を納品・公開することは許可されます。素材そのものの再配布・再販売・オープンソースでの再公開は禁止です。詳細は同梱の LICENSE_MULTI_SEAT.md をご確認ください。