Set up nextjs app

init

Use the init command to initialize dependencies for a new project.

The init command installs dependencies, adds the cn util, configures tailwind.config.js, and CSS variables for the project.

npx shadcn-ui init

npx shadcn-ui init

add

Use the add command to add components to your project.

The add command adds a component to your project and installs all required dependencies.

npx shadcn-ui add [component]

npx shadcn-ui add [component]

Example

npx shadcn-ui add alert-dialog

npx shadcn-ui add alert-dialog

You can also run the command without any arguments to view a list of all available components:

npx shadcn-ui add

npx shadcn-ui add