diff --git a/docs/repo-docs/guides/tools/shadcn-ui.mdx b/docs/repo-docs/guides/tools/shadcn-ui.mdx new file mode 100644 index 0000000000000..b910876208f27 --- /dev/null +++ b/docs/repo-docs/guides/tools/shadcn-ui.mdx @@ -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: + + + + +```bash title="Terminal" +npx shadcn@canary init +``` + + + + + +```bash title="Terminal" +npx shadcn@canary init +``` + + + + + +```bash title="Terminal" +pnpm dlx shadcn@canary init +``` + + + + +When prompted, select the option for monorepos. + +To add a component, run: + + + + +```bash title="Terminal" +npx shadcn@canary add [COMPONENT] +``` + + + + + +```bash title="Terminal" +npx shadcn@canary add [COMPONENT] +``` + + + + + +```bash title="Terminal" +pnpm dlx shadcn@canary add [COMPONENT] +``` + + + + +## More information + +To learn more about using shadcn/ui in Turborepo, [visit the docs for shadcn/ui](https://ui.shadcn.com/docs/monorepo).