コピペするだけで動くTailwind CSSコンポーネント20本！ダークモード・レスポンシブ対応済み ━━━ 収録コンポーネント（20本） ━━━ 【ナビゲーション・レイアウト】 1. レスポンシブナビゲーション（ハンバーガーメニュー付き） 2. サイドバーレイアウト（折りたたみ対応） 3. パンくずナビゲーション 【ヒーロー・セクション】 4. ヒーローセクション（グラデーション + CTA） 5. 機能紹介カードグリッド（3カラムレスポンシブ） 6. ステップインジケーター（ウィザード進捗） 【データ表示】 7. データテーブル（ソート + ページネーション） 8. ダッシュボード統計カード（トレンド表示） 9. アバターグループ + バッジ 【インタラクション】 10. モーダルダイアログ（バックドロップ付き） 11. FAQアコーディオン 12. タブコンポーネント（アンダーライン） 13. ドロップダウンメニュー（アイコン付き） 14. トースト通知（success/error/warning） 【フォーム系】 15. コンタクトフォーム（バリデーション状態付き） 16. アラートバナー（4バリアント） 【UX補助】 17. プログレスバー（アニメーション） 18. ローディングスケルトン 19. 料金プランテーブル（3段階 + 人気バッジ） 20. テスティモニアル（アバター + 星評価） ━━━ 特長 ━━━ ・全コンポーネントはダークモード対応（class戦略） ・React/Next.js と互換（className形式） ・モバイルファーストのレスポンシブ設計 ・WCAG 2.2準拠（フォーカスリング・コントラスト） ・shadcn/ui との共存可能 ━━━ ファイル形式 ━━━ Markdown (.md) × 1ファイル（20コンポーネント全収録） → コードブロックをコピーして即使用