Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tailwindcomponents/laravel-preset
🛹 🍃 Laravel preset starter UI for laravel with Tailwind CSS.
https://github.com/tailwindcomponents/laravel-preset
laravel preset tailwindcss ui
Last synced: about 2 months ago
JSON representation
🛹 🍃 Laravel preset starter UI for laravel with Tailwind CSS.
- Host: GitHub
- URL: https://github.com/tailwindcomponents/laravel-preset
- Owner: tailwindcomponents
- License: mit
- Archived: true
- Created: 2020-06-27T11:22:04.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-01-18T09:58:58.000Z (almost 4 years ago)
- Last Synced: 2024-09-23T14:04:11.844Z (about 2 months ago)
- Topics: laravel, preset, tailwindcss, ui
- Language: Blade
- Homepage: https://packagist.org/packages/tailwindcomponents/laravel-preset
- Size: 329 KB
- Stars: 51
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Laravel preset for TailwindCSS
[](//packagist.org/packages/tailwindcomponents/laravel-preset)
[](//packagist.org/packages/tailwindcomponents/laravel-preset)
[](//packagist.org/packages/tailwindcomponents/laravel-preset)
[](//packagist.org/packages/tailwindcomponents/laravel-preset)
🛹 A Laravel front-end scaffolding preset for [Tailwind CSS](https://tailwindcss.com) - 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`)
4. `npm install && npm run dev`
5. Configure your favorite database (mysql, sqlite etc.)
6. `php artisan migrate` to create basic user tables.
7. `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
