Install daisyUI for Laravel

How to install Tailwind CSS and daisyUI in a Laravel project

1. Create a new Laravel project

Install PHP, Composer and Laravel Installer according to the official Laravel documentation

Create a new Laravel project

laravel new my-app
cd my-app

2. Install daisyUI

npm i -D daisyui@latest

Put Tailwind CSS and daisyUI in your CSS file (and remove old styles)

@import "tailwindcss";

@source "../**/*.blade.php";
@source "../**/*.js";
@source "../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";
@source "../../storage/framework/views/*.php";

@plugin "daisyui";

3. Run your project

Run your Laravel project

php artisan serve

And on another terminal tab, run Vite

npm run dev

Now you can use daisyUI class names!

NEXUS
Official daisyUI Dashboard Template

Available on daisyUI store

More details