TanStackT
TanStack11mo ago
6 replies
primary-violet

Need help with Shadcn UI styling in Tailwind v4 and Tanstack start monorepo

I'm excited to share a project I've been working on called "Tanstack Forge" - it's a modern monorepo template built around Tanstack Router and React 19. I've put together what I think is a pretty nice stack with Tanstack Query, Tailwind CSS v4, Shadcn UI, and more!

I'm running into a bit of an issue with the Shadcn UI styling though. While regular Tailwind classes are working fine, the Shadcn UI component styles don't seem to be applying correctly. I'm not sure if the problem is with my globals.css setup, the tailwind configuration, or something else entirely.

Has anyone here integrated Shadcn UI with Tailwind v4 in a monorepo setup? Any common problems I should look out for?

For reference, I'm using the latest Tanstack Router, and the project is structured with the UI components in a separate package. Regular Tailwind classes work perfectly, it's just the Shadcn specific styling that's not taking effect.

This is the link to my github repo if you want to check it out: https://github.com/astronautfa/tanstack-forge

Any help or pointers would be much appreciated!
GitHub
A modern, opinionated monorepo template for building lightning-fast, feature-rich single-page applications. - astronautfa/tanstack-forge
GitHub - astronautfa/tanstack-forge: A modern, opinionated monorepo...
Was this page helpful?