A Tailwind CSS frontend preset for the Laravel Framework
Clone or download
Latest commit 709e4ab Oct 10, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
screenshots update readme Sep 7, 2018
src add verify template Sep 7, 2018
LICENSE.md initial commit Nov 1, 2017
README.md Update Tailwind version Oct 1, 2018
composer.json Update to 0.5.1 (#21) Mar 18, 2018

README.md

Laravel 5.7+ Frontend preset for Tailwind CSS

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

Current version: Tailwind CSS 0.6.6

Usage

  1. Fresh install Laravel >= 5.7.0 and cd to your app.
  2. Install this preset via composer require laravel-frontend-presets/tailwindcss. Laravel will automatically discover this package. No need to register the service provider.
  3. Use php artisan preset tailwindcss for the basic Tailwind CSS preset OR use php artisan preset 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 && npm run dev (this is required twice, due to the way that laravel-mix-tailwind installs the Tailwind CSS dependency)
  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.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

Welcome

Register

Login

Send Password Reset

Reset Password

Dashboard

Verify