shadcn/ui and tailwindcss v4 monorepo template

This template is for creating a monorepo with Turborepo, shadcn/ui, tailwindcss v4, and react v19.

One-click Deploy

You can deploy this template to Vercel with the button below:

Usage

in the root directory run:

pnpm install
pnpm dev

Adding components

To add components to your app, run the following command at the root of your web app:

pnpm dlx shadcn@canary add button -c apps/web

This will place the ui components in the packages/ui/src/components directory.

Tailwind

Your globals.css are already set up to use the components from the ui package which is imported in the web app.

Using components

To use the components in your app, import them from the ui package.

import { Button } from '@workspace/ui/components/ui/button';

More Resources

• shadcn/ui - Monorepo
• Turborepo - shadcn/ui
• TailwindCSS v4 - Explicitly Registering Sources