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?
3 Replies
barry
barry2y ago
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/
del.hydraz
del.hydraz2y ago
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.
cje
cje2y ago
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
Want results from more Discord servers?
Add your server