Does shadcn monorepo can support tailwind v4.0?

[FlamingCodersClub]

I tried to upgrade ui package to tailwindcss v4.0 but css style doesn't apply well.

Is there anybody who succedded to upgrade tailwind version?

[rown89]

I'm struggling with monorepo and tw 4.0 too

[Eshan05]

You can see this for reference
https://github.com/shadcn/app-tailwind-v4

Hope it helps

[armfuldev]

You my friend, are amazing. Thank you for taking the time to respond.

[aixegorri]

all I had to do was add the following to globals.css

@source "../../../../apps/";
@source "..";

and it started picking up the classnames from my apps and my ui package

hope this helps

It works! I've been trying to fix this for days, thank you my friend!

I only have one last problem, when I try to use shadcn utility classes inside the globals.css of the "app" it does not recognize them, not even when css is imported.

@import 'tailwindcss';
@import '@mymonorepo/ui/styles.css';

a {
  @apply text-foreground;
}

This will throw error: Cannot apply unknown utility class: text-foreground

[sheldonj]

Does anyone have a working bare bones turbo repo example they can share?

[linkb15]

@sheldonj https://github.com/linkb15/turborepo-shadcn-ui-tailwind-4 You can use this turborepo template. I created it recently.

The template is using the @source way but if you want more modular, you can use CSS @import way like this post.

[mdcarter]

and it started picking up the classnames from my apps and my ui package

hope this helps

It helps very much, thank you for your help on this !

[linkb15]

I was having this issue as well recently, and I managed to make it work with one of the solution above.
Here is the working template to be reused.

P.S. There is one deploy Vercel button as well in the ReadMe if you want to deploy directly.

https://github.com/linkb15/turborepo-shadcn-ui-tailwind-4

[rown89]

Thank you!