How It Works

Step 1

Create your project

  • Scaffold a new Next.js app with a single command
  • Choose Tailwind CSS and App Router when prompted
  • TypeScript support included out of the box
Step 2

Initialize shadcn/ui

  • Run the shadcn CLI to configure your project
  • Sets up components.json with your preferred style
  • Adds the necessary Tailwind and import alias config
Step 3

Add components

  • Install only the components you actually need
  • Code is copied directly into your project
  • Fully customizable — no black-box dependencies