T
TanStack7mo ago
wise-white

Does some one have a basic example of TSS + Tailwindcss v4 + theming ?

looking for an example as i am having issue with my current setup, half of the styles are missing
23 Replies
provincial-silver
provincial-silver7mo ago
Do you use shadcn/ui with Tailwind?
wise-white
wise-whiteOP7mo ago
yes...
provincial-silver
provincial-silver7mo ago
If so, you can check my example setup for now? I'm building the whole app with it?
provincial-silver
provincial-silver7mo ago
GitHub
GitHub - Coder-Blue/carbon-news: A news app built with TanStack Sta...
A news app built with TanStack Start and Hono. Contribute to Coder-Blue/carbon-news development by creating an account on GitHub.
wise-white
wise-whiteOP7mo ago
thanks
provincial-silver
provincial-silver7mo ago
Kinda sad that it's using Vinxi so I have to manually install every shad components. Start 1.0 Release will only rely on Vite and Nitro actually, hope so. You should manually install and build it from scratch for better experience, I literally just copied and pasted the whole Tailwind4 and shad stuffs from my existed Vite project.
wise-white
wise-whiteOP7mo ago
ok my issue was the @source stuff, cause i use a ui package, i needed to add it so i could be scanned
provincial-silver
provincial-silver7mo ago
More specific on the UI package please?
crude-lavender
crude-lavender7mo ago
If you have components.json in your project you should be able to use the shadcn CLI
provincial-silver
provincial-silver7mo ago
Nope, tried that. It recognized the components.json, but there is an error message, unsupported framework, try manual installation instead.
crude-lavender
crude-lavender7mo ago
Even for all components? e.g. npx shadcn@canary add button. I use it in my current setup and it works for me: https://github.com/dotnize/tanstarter For me only the init command doesn't work with Start right now
GitHub
GitHub - dotnize/tanstarter: minimal TanStack Start template with B...
minimal TanStack Start template with Better Auth, Drizzle ORM, shadcn/ui - dotnize/tanstarter
provincial-silver
provincial-silver7mo ago
Same problem with init pal.
crude-lavender
crude-lavender7mo ago
yeah i meant only init doesnt work for me
provincial-silver
provincial-silver7mo ago
Maybe I tried to use the canary shad CLI with bun? That could be a problem right? @stunaz hey, this starter is so much better than mine, it has the @source problem you asked for.
crude-lavender
crude-lavender7mo ago
hmm maybe, but yeah generally the CLI compatibility with Start is an issue right now
wise-white
wise-whiteOP7mo ago
yep will use it, thanks @sh1ro
crude-lavender
crude-lavender7mo ago
even the shadcn docs on TanStack Start is actually just for TS Router, not Start lol
provincial-silver
provincial-silver7mo ago
Yeah, I was very confused after reading the whole doc page, bruh. In the near future, we can just use the Shadcn docs on Vite to install the whole thing for the TSStart.
provincial-silver
provincial-silver7mo ago
No description
extended-yellow
extended-yellow7mo ago
i got mine working i just downloaded every component in shadcn
extended-yellow
extended-yellow7mo ago
GitHub
GitHub - Succatash/denoTanstackStart
Contribute to Succatash/denoTanstackStart development by creating an account on GitHub.
extended-yellow
extended-yellow7mo ago
i got CLI working if you have a problem feel free to ask. i had to do some janky stuff cause i'm using deno.json but it worked in the end. You wont see my component.json cause i downloaded all of them so i could get rid of my package.json file
other-emerald
other-emerald7mo ago
Same, got it working quite easily tbh. See apps/web https://github.com/SeanCassiere/fleetfox
GitHub
GitHub - SeanCassiere/fleetfox
Contribute to SeanCassiere/fleetfox development by creating an account on GitHub.

Did you find this page helpful?