https://github.com/shuvroroy/laravel-preset

A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development.
https://github.com/shuvroroy/laravel-preset

laravel php7 preset purgecss tailwind-css

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/shuvroroy/laravel-preset
• Owner: shuvroroy
• Created: 2018-09-22T12:44:27.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-31T10:29:33.000Z (over 6 years ago)
• Last Synced: 2025-01-29T11:30:16.390Z (4 months ago)
• Topics: laravel, php7, preset, purgecss, tailwind-css
• Language: HTML
• Size: 401 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 Shuvro Roy's Laravel Frontend Preset

[![Latest Version on Packagist](https://img.shields.io/packagist/v/shuvroroy/laravel-preset.svg?style=flat-square)](https://packagist.org/packages/shuvroroy/laravel-preset)

[![Issues](https://img.shields.io/github/issues/shuvroroy/laravel-preset.svg?style=flat-square)](https://github.com/shuvroroy/laravel-preset/issues)

[![Total Downloads](https://img.shields.io/packagist/dt/shuvroroy/laravel-preset.svg?style=flat-square)](https://packagist.org/packages/preset/laravel-preset)

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

What it includes:

- [Tailwind CSS](https://tailwindcss.com)

- [postcss-nesting](https://github.com/jonathantneal/postcss-nesting) for nested CSS support

- [Purgecss](https://www.purgecss.com/), via [spatie/laravel-mix-purgecss](https://github.com/spatie/laravel-mix-purgecss)

- [Vue.js](https://vuejs.org/)

- Removes Bootstrap and jQuery

## Installation

Run this command to add the preset to your project:

```

composer require shuvroroy/laravel-preset

```

Apply the scaffolding by running:

```

php artisan preset tailwind

```

With authentication layout, apply the scaffolding by running:

```

php artisan preset tailwind:auth

```

Then run this command

```

npm install

```

To generate a Tailwind config file for your project, apply the scaffolding by running:

```

./node_modules/.bin/tailwind init tailwind.js

```

Then update the setting in webpack.mix.js file:

```

require('tailwindcss')('./tailwind.js')

```

Then run this command

```

npm run dev

```

## Screenshots

![Welcome](/screenshots/welcome.png)

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

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

![Home](/screenshots/home.png)

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

![Send Password Reset](/screenshots/change-password-form.png)

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

## Security

If you discover any security related issues, please email [email protected] instead of using the issue tracker.

## Credits

- [Adam Wathan](https://github.com/adamwathan)