CSS Styling
T3 recommends Tailwind CSS and I think I watch a video from Theo saying to stay away from higher level component level libraries (like DaisyUI).
I realize this is an opinion but since T3 is an opinionated "stack", is this what most people believe? Tailwind CSS? What about Tailwind UI and Headless UI?
I realize this is an opinion but since T3 is an opinionated "stack", is this what most people believe? Tailwind CSS? What about Tailwind UI and Headless UI?
3 Replies
TailwindUI and HeadlessUI have nothing to do with Tailwind?
But the TL;DR on libraries are, we like HeadlessUI and RadixUI a lot.
As well as shadcn/ui https://ui.shadcn.com/
Here’s a really good video from Theo about why TailwindCSS is recommended for every T3 project and why something like HeadlessUI is not: https://youtu.be/CQuTF-bkOgc
Here also is a couple of recommendations for other solutions that T3 doesn’t cover. Things like Radix for a simple component library and Class Variance Authority for full-blown design systems using TailwindCSS: https://create.t3.gg/en/other-recs/
Hope this all helps
Theo - t3․gg
YouTube
CSS in 2023 - Tailwind vs MUI vs Bootstrap vs Chakra vs...
UI libraries are important! I think about them a lot and I hope this video helps you think about them too. Very very very overdue one.
TailwindCSS, MaterialUI, Chakra, Bootstrap, Radix, React-Aria, Master.co, and more 😅
ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/...
Create T3 App
Other Recommendations 🚀 Create T3 App
The best way to start a full-stack, typesafe Next.js app.
Just to add one thing to this, if you just want basic stuff that works and dont care about it being generic, component libraries are ok
Like chakra or whatever
Just don’t expect too much from them