Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/laravel-frontend-presets/tailwindcss
A Tailwind CSS frontend preset for the Laravel Framework
https://github.com/laravel-frontend-presets/tailwindcss
laravel preset tailwind tailwind-scaffolding tailwindcss
Last synced: 28 days ago
JSON representation
A Tailwind CSS frontend preset for the Laravel Framework
- Host: GitHub
- URL: https://github.com/laravel-frontend-presets/tailwindcss
- Owner: laravel-frontend-presets
- License: mit
- Created: 2017-11-01T06:32:49.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2023-04-16T06:54:38.000Z (over 1 year ago)
- Last Synced: 2024-05-22T09:42:48.077Z (6 months ago)
- Topics: laravel, preset, tailwind, tailwind-scaffolding, tailwindcss
- Language: Blade
- Homepage: https://laravel-frontend-presets.github.io/tailwindcss/
- Size: 1.36 MB
- Stars: 1,144
- Watchers: 37
- Forks: 142
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome - laravel-frontend-presets/tailwindcss - A Tailwind CSS frontend preset for the Laravel Framework (Blade)
- awesome-tailwindcss - Laravel Front-end Preset - Front-end preset using Tailwind CSS for Laravel. (Starters & Themes)
README
# Laravel 7.0+ Frontend preset for Tailwind CSS
A Laravel front-end scaffolding preset for [Tailwind CSS](https://tailwindcss.com) - a Utility-First CSS Framework for Rapid UI Development.
## Usage
1. Fresh install Laravel >= 7.0 and `cd` to your app.
2. Install this preset via `composer require laravel-frontend-presets/tailwindcss --dev`. Laravel will automatically discover this package. No need to register the service provider.
### a. For Presets 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. For Presets 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.
Add a new i18n string in the `resources/lang/XX/pagination.php` file for each language that your app uses:
```php
'previous' => '« Previous',
'next' => 'Next »',
'goto_page' => 'Goto page #:page', // Add this line
```
This should help with accessibility
```html
2
```
#### Pagination
Laravel now supports Tailwind CSS pagination directly. If you would like to use these views in your app, you can refer to [docs](https://laravel.com/docs/master/pagination#using-tailwind).
### Screenshots
