ContextQMD
Back to Turborepo

shadcn/ui

apps/docs/content/docs/guides/tools/shadcn-ui.mdx

2.10.81.2 KB
Original Source

shadcn/ui 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
pnpm dlx shadcn@canary init
</Tab> <Tab value="yarn">
bash
npx shadcn@canary init
</Tab> <Tab value="npm">
bash
npx shadcn@canary init
</Tab> <Tab value="bun">
bash
bunx shadcn@canary init
</Tab> </PackageManagerTabs>

When prompted, select the option for monorepos.

To add a component, run:

<PackageManagerTabs> <Tab value="pnpm">
bash
pnpm dlx shadcn@canary add [COMPONENT]
</Tab> <Tab value="yarn">
bash
npx shadcn@canary add [COMPONENT]
</Tab> <Tab value="npm">
bash
npx shadcn@canary add [COMPONENT]
</Tab> <Tab value="bun">
bash
bunx shadcn@canary add [COMPONENT]
</Tab> </PackageManagerTabs>

More information

To learn more about using shadcn/ui in Turborepo, visit the docs for shadcn/ui.