---
title: shadcn/ui
description: Learn how to use shadcn/ui in a Turborepo.
product: turborepo
type: integration
summary: Initialize and use shadcn/ui components in your Turborepo monorepo.
related:
  - /docs/guides/tools/tailwind
  - /docs/guides/tools/storybook
---

# shadcn/ui

<CopyPrompt
  title="Set up shadcn/ui in a Turborepo"
  prompt={
  "Set up shadcn/ui in this Turborepo.\n1) Initialize shadcn/ui for monorepos\n2) Add components to the UI package\n3) Use components in applications\n\nWalk me through each step."
}
/>

[shadcn/ui](https://ui.shadcn.com/docs/monorepo) is an open-source set of beautifully designed components made with Tailwind CSS that you can copy and paste into your apps.

To get started with shadcn/ui in a new monorepo, run:

<PackageManagerTabs>
  <Tab value="pnpm">
    ```bash title="Terminal"
    pnpm dlx shadcn@canary init
    ```
  </Tab>

  <Tab value="yarn">
    ```bash title="Terminal"
    npx shadcn@canary init
    ```
  </Tab>

  <Tab value="npm">
    ```bash title="Terminal"
    npx shadcn@canary init
    ```
  </Tab>

  <Tab value="bun">
    ```bash title="Terminal"
    bunx shadcn@canary init
    ```
  </Tab>
</PackageManagerTabs>

When prompted, select the option for monorepos.

To add a component, run:

<PackageManagerTabs>
  <Tab value="pnpm">
    ```bash title="Terminal"
    pnpm dlx shadcn@canary add [COMPONENT]
    ```
  </Tab>

  <Tab value="yarn">
    ```bash title="Terminal"
    npx shadcn@canary add [COMPONENT]
    ```
  </Tab>

  <Tab value="npm">
    ```bash title="Terminal"
    npx shadcn@canary add [COMPONENT]
    ```
  </Tab>

  <Tab value="bun">
    ```bash title="Terminal"
    bunx shadcn@canary add [COMPONENT]
    ```
  </Tab>
</PackageManagerTabs>

More information [#more-information]

To learn more about using shadcn/ui in Turborepo, [visit the docs for shadcn/ui](https://ui.shadcn.com/docs/monorepo).

---

[View full sitemap](/sitemap.md)