Laravel preset for TailwindCSS

🛹 A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development.

Installation and usage

This package requires Laravel 7.0 or higher.

1. Fresh install Laravel and cd to your app.
2. Install composer require tailwindcomponents/laravel-preset --dev.

a. Preset WITHOUT Authentication

1. Use php artisan ui tailwindcss for the basic Tailwind CSS preset.
2. npm install && npm run dev
3. php artisan serve (or equivalent) to run server and test preset.

b. Preset WITH Authentication

1. Use php artisan ui tailwindcss --auth for the basic preset, auth route entry, and Tailwind CSS auth views in one go. (NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in routes/web.php)
2. npm install && npm run dev
3. Configure your favorite database (mysql, sqlite etc.)
4. php artisan migrate to create basic user tables.
5. php artisan serve (or equivalent) to run server and test preset.

Config

The default tailwind.config.js configuration file included by this package simply uses the config from the Tailwind vendor files. Should you wish to make changes, you should remove the file and run node_modules/.bin/tailwind init, which will generate a fresh configuration file for you, which you are free to change to suit your needs.

Screenshots