Installation

How to install dependencies and structure your app.

Starting a new project? Use shadcn/create to scaffold a complete app with custom themes, components, and presets. Works with Next.js, Vite, and TanStack Start.

Quick Start

Run the following command to create a new project with shadcn/ui:


pnpm dlx shadcn@latest create

This will guide you through the process of creating a new project with shadcn/ui with your preferred framework, icon library, and theme.

Pick Your Framework

Start by selecting your framework of choice. Then follow the instructions to install the dependencies and structure your app. shadcn/ui is built to work with all React frameworks.

Introduction components.json

On This Page

Quick Start Pick Your Framework

Deploy your shadcn/ui app on Vercel

Trusted by OpenAI, Sonos, Adobe, and more.

Vercel provides tools and infrastructure to deploy apps and features at scale.