Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 23 days 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 (about 6 years ago)
Default Branch: master
Last Pushed: 2018-12-31T10:29:33.000Z (almost 6 years ago)
Last Synced: 2024-10-01T15:58:40.990Z (about 1 month 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)