Skip to content

Commit

Permalink
docs: guide for shadcn/ui (#9675)
Browse files Browse the repository at this point in the history
### Description

shadcn/ui recently added [experimental support for
monorepos](https://ui.shadcn.com/docs/monorepo), so let's make a pointer
for folks who come to Turborepo first.

### Testing Instructions

👀
  • Loading branch information
anthonyshew authored Jan 8, 2025
1 parent 90369bd commit f39092e
Showing 1 changed file with 70 additions and 0 deletions.
70 changes: 70 additions & 0 deletions docs/repo-docs/guides/tools/shadcn-ui.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
---
title: shadcn/ui
description: Learn how to use shadcn/ui in a Turborepo.
---

import { PackageManagerTabs, Tab } from '#/components/tabs';

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>

```bash title="Terminal"
npx shadcn@canary init
```

</Tab>

<Tab>

```bash title="Terminal"
npx shadcn@canary init
```

</Tab>

<Tab>

```bash title="Terminal"
pnpm dlx shadcn@canary init
```

</Tab>
</PackageManagerTabs>

When prompted, select the option for monorepos.

To add a component, run:

<PackageManagerTabs>
<Tab>

```bash title="Terminal"
npx shadcn@canary add [COMPONENT]
```

</Tab>

<Tab>

```bash title="Terminal"
npx shadcn@canary add [COMPONENT]
```

</Tab>

<Tab>

```bash title="Terminal"
pnpm dlx shadcn@canary add [COMPONENT]
```

</Tab>
</PackageManagerTabs>

## More information

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

0 comments on commit f39092e

Please sign in to comment.