Get started creating beautiful designs with daisyUI

Hello Devs.

If you're looking for an efficient and modern way to use Tailwind CSS, look no further than daisyUI. daisyUI is a Tailwind CSS component library that helps you to quickly create efficient and consistent designs. It includes everything you need to get started with Tailwind, including buttons, modals, themes, a color palette, and typography.

To get started with daisyUI, simply install the plugin using npm:
npm i daisyui
Or if you are using Yarn:
yarn add daisyui

Then add daisyUI to your tailwind.config.js files:
module.exports = {
//...
plugins: [require("daisyui")],
}

Now to start using daisyUI in your project, open a component and start using the CSS Classes.

For example:
<button class="btn btn-active btn-primary">Button</button>

Documentation

I hope this was helpful.
Thanks for reading!

Comments

[Nijum Dip]

This is very helpful... & Thank you