インストール

出発点に合ったセットアップを選択してください。

shadcn/create#

プリセットを視覚的に構築し、選択内容をプレビューし、フレームワーク固有のセットアップ コマンドを生成します。

Next.js、Vite、Laravel、React Router、Astro、TanStack Start で利用可能です。

Use the CLI#

CLI を使用して、ターミナルから新しいプロジェクトを直接スキャフォールディングします。

pnpmnpmyarnbun
pnpm dlx shadcn@latest init -t [framework]
コピー

サポートされているテンプレート: next、vite、start、react-router、および astro。

Laravel の場合は、まず laravel new でアプリを作成し、その後 npx shadcn@latest init を実行してください。

Existing Project#

各フレームワーク ガイドには、そのフレームワークの手動セットアップ手順を記載した Existing Project セクションが含まれています。

以下からフレームワークを選択し、その手順に従ってください。

フレームワークを選択#

Laravel の場合は、shadcn/create または shadcn init を使用する前に laravel new から始めてください。