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: 4 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-18T09:58:58.000Z (over 4 years ago)
• Last Synced: 2024-11-17T10:11:06.474Z (6 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

[![License](https://poser.pugx.org/tailwindcomponents/laravel-preset/license)](//packagist.org/packages/tailwindcomponents/laravel-preset)

[![Latest Stable Version](https://poser.pugx.org/tailwindcomponents/laravel-preset/v)](//packagist.org/packages/tailwindcomponents/laravel-preset)

[![Total Downloads](https://poser.pugx.org/tailwindcomponents/laravel-preset/downloads)](//packagist.org/packages/tailwindcomponents/laravel-preset)

[![Monthly Downloads](https://poser.pugx.org/tailwindcomponents/laravel-preset/d/monthly)](//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

![Dashboard](/screenshots/dashboard.png)

![Login](/screenshots/login.png)

![Register](/screenshots/register.png)

![Reset Password](/screenshots/reset-password-email.png)

![Reset Password](/screenshots/reset-password.png)

![Verify](/screenshots/verify.png)

![Pagination](/screenshots/pagination.png)

![Pagination](/screenshots/pagination-simple.png)