Installation
How to install dependencies and structure your app.
Recommended for new projects: Use shadcn/create to build your preset visually and generate the right setup command for your framework.
Choose the setup that matches your starting point.
Use shadcn/create
Build your preset visually and generate a setup command.
Use the CLI
Scaffold a supported template directly from the terminal.
Existing Project
Add shadcn/ui to an app you already created.
Use shadcn/create
Build your preset visually, preview your choices, and generate a framework-specific setup command.
Available for Next.js, Vite, Laravel, React Router, Astro, and TanStack Start.
Use the CLI
Use the CLI to scaffold a new project directly from the terminal:
bash
Supported templates: next, vite, start, react-router, and astro.
For Laravel, create the app first with laravel new, then run npx shadcn@latest init.
Existing Project
Each framework guide includes an Existing Project section with the manual setup steps for that framework.
Pick your framework below and follow that path.
Choose Your Framework
For Laravel, start with laravel new before using shadcn/create or shadcn init.