I Found the Perfect Component Library

A quick look at Daisy UI - a UI library built on top of Tailwind CSS.

💬 Topics:
- Pros and cons of Tailwind CSS;
- Styling modern web apps;
- Atomic CSS and utility classes;
- Best component libraries;
- Working with Daisy UI.

[Joachimbj]

I've used daisy-ui for about a year both professionally and in hobby projects.
I've also worked quite a bit with component libraries, and the moment I want to do something custom they tend to fight back.
DaisyUI as an abstraction over tailwind is the way to go for my development mindset.
Every element has its default styling removed, and I have a blank slate to work with.

[mayanksharma]

DaisyUI is awesome. They're also working on a v3, excited to try it out!

[himaboy]

I like using shadcn/ui it provides useful components with the power of radix ui and tailwind to provide a reasonably styled powerful ui components.

[tbigqhb]

I personally prefer tailwind with preline and write the component from scratch as i needed or tailwind with library like react aria and build component as i needed if i want animation just install framer motion or motion one and now you have more control over the ui

[ruaidhrilumsden]

Third.

More excellent content, I'm totally wedded to Tailwind for any side project - this looks like something really useful for quickly implementing components that can be really annoying to do manually (I'm looking at you carousel!)

[Goyo_MGC]

I've used tailwind in production and they were a few drawback to keep in mind before jumping on the solution :
- If your app need a lot of computed CSS don't go for tailwind, highly limiting if you want to follow the best practices recommended by the doc
- If you need really complex CSS, tailwind wont support it and you will end up mixing raw CSS with tailwind syntax
- If you are using another component library don't bother using tailwind. You will end up mixing up css and tailwind as they often are not really compaptible. ( Which is what daysyUI is supposed to fix)

Overall i think tailwind is great for SSR without component library. Would use for Proof of Concept but not for a fully scaling and maintainable application

[marc-lou]

Long term DaisyUI user here, I LOVE IT

[riobafelix]

Gonna try it just right now in my tailwind project

[cristo_sal]

Looks nice, but is nowhere near replacing antd or mui. This looks more like a replacement for bootstrap or bulma. The benefit of antd and mui is their tight integration with react which makes actions like displaying notification popups, modals, etc... extremely easy. Not to mention that they come bundled with their own icon libraries

[ooogabooga]

I just like to use headless-ui or radix-ui for creating my own components, its super customizable and fully assessible. I wrap all my logic with CVA to make it super clean and flexible to use. I don't want to use any animation from the component library itself when im starting from scratch. Daisy UI is good when you want to get something out done quick.

[MikeNugget]

Awesome!
Would be great to find similar UI lib for UnoCSS

[ProLessSkill]

Thanks for bringing this to my attention, great video. By the way, what is that IDE/code editor you're using?

[Noel_VI]

what editor and font are you using in this tutorial? I really like the styling choice you went for.

[lcarv]

I like daisyUI a lot for projects, the only problem is accessibility.

[hstrinzel]

Very good video! Some classes look similar to Bootstrap, I guess that will make for a shorter learning curve for a Bootstrapper like me?

[alexodan]

I didn't hear anything after the guy typed class instead of className, I was just waiting for him to fix it to start paying attention, then realized it wasn't even React

[qazyhn]

i like it, but when u make side projects u dont want to reinvent components so you need JS.. plain CSS doesnt help you much with speed

what about Flowbite or Catalyst UI?

[fille.imgnry]

Why are you using curly braces around your attribute strings?

[avi]

For me, Mantine UI is by the best. I haven't heard of Daisy thoough.

[hakuna_matata_hakuna]

Just like the primegen put it tailwind let's you revisit your site 6 weeks later and hit the ground running, also that context switching is worse than long html elements, I've also been sleeping on daisy UI given how poorly the other component libraries play with tailwind