Skip to content

catchup-forks/tailwindcss

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Laravel 5.5.x/5.6.x 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.5.2

Usage

  1. Fresh install Laravel 5.5.x or 5.6.x and cd to your app.
  2. Install this preset via composer require laravel-frontend-presets/tailwindcss. Laravel >= 5.5.0 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
  5. npm run dev
  6. Configure your favorite database (mysql, sqlite etc.)
  7. php artisan migrate to create basic user tables.
  8. php artisan serve (or equivalent) to run server and test preset.

Changing colours

If you want to change the default orange colour being used, update the brand-{modifier} values in your tailwind.js file. You are of course free to modify this file as you see fit, and even remove and replace the brand configuration in the scaffolded views entirely.

Screenshots

Welcome

Register

Login

Send Password Reset

Reset Password

Dashboard

Packages

No packages published

Languages

  • JavaScript 55.7%
  • HTML 34.2%
  • PHP 7.5%
  • CSS 2.6%