PHPackages                             sc-laravel-presets/default-tailwindcss - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. sc-laravel-presets/default-tailwindcss

ActiveLibrary[Utility & Helpers](/categories/utility)

sc-laravel-presets/default-tailwindcss
======================================

Laravel frontend preset for default setup and Tailwind CSS

0.7.4(6y ago)2109MITHTML

Since Sep 6Pushed 6y agoCompare

[ Source](https://github.com/scottcrowley/default-laravel-tailwind-preset)[ Packagist](https://packagist.org/packages/sc-laravel-presets/default-tailwindcss)[ RSS](/packages/sc-laravel-presets-default-tailwindcss/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

Laravel 6+ Frontend preset for Tailwind CSS
===========================================

[](#laravel-6-frontend-preset-for-tailwind-css)

A Laravel front-end scaffolding preset for [Tailwind CSS](https://tailwindcss.com) - a Utility-First CSS Framework for Rapid UI Development.

*Current version:* **Tailwind CSS 1.1.2**

What it does
------------

[](#what-it-does)

1. Upgrades **laravel-mix** to **4.1.2**
2. Installs **postcss-import 12.0.1**
3. Installs **postcss-nesting 7.0.1**
4. Installs **tailwindcss 1.1.2**
5. Installs **@tailwindcss/custom-forms 0.2.1**
6. Installs **vue 2.6.10**
7. Installs **vue-template-compiler 2.6.10**
8. Removes **jquery** & **bootstrap** & **sass**
9. Adds an in memory **sqlite** database connection for phpunit in the `phpunit.xml` file.
10. Configures Webpack to use PostCss and not sass, since Tailwind is a PostCss plugin. With the `postcss-nesting` plugin installed, you are able to write nested css that looks very much like sass, but is using standard css files.
11. Adds `primary`, `secondary`, `success`, `warning`, `danger` & `error` colors along with a default font to the **tailwind.config.js** file. These colors are currently set to blue, gray, green, orange, red & red respectively. They can then be used to assign primary and secondary colors to backgrounds, text, borders, etc. and contain the same shading as the rest of the colors. e.g. `text-primary-500`, `bg-secondary-300`, `text-error-600`
12. Adds a `core`, `button`, `dropdown`, `loader` and `nav` partial with basic styling in the **css/components** directory.
13. Uses custom form classes from the [tailwindcss/custom-forms](https://github.com/tailwindcss/custom-forms) package.
14. Updates all relevant views to use the Tailwind classes instead of Bootstrap.
15. `-auth` preset will add the HomeController along with all relevant views and routes.

Usage
-----

[](#usage)

1. Fresh install Laravel >= 6 and `cd` to your app.
2. Install this preset: *Laravel will automatically discover this package. No need to register the service provider.*

    ```
    composer require sc-laravel-presets/default-tailwindcss
    ```
3. Run the preset installer:

    *Command to install only the base preset without any of the authorization scafolding.*

    ```
    php artisan preset default-tailwind
    ```

    *Command to install the full preset with the authorization scafolding (auth route entry, Tailwind CSS auth views).*

    ```
    php artisan preset default-tailwind-auth
    ```

    ***NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in `routes/web.php`***
4. Install all the node dependencies and compile all the assets:

    ```
    npm install && npm run dev
    ```
5. Configure your favorite database (mysql, sqlite etc.). See the [Laravel documentation](https://laravel.com/docs/6.x/database) for more details.
6. Migrate your database, if needed:

    ```
    php artisan migrate
    ```
7. Start your local web server by running either of the following commands:

    *Command to start up [Laravel Valet](https://laravel.com/docs/6.x/valet)*

    ```
    valet start
    ```

    *Or use if you are not using Valet*

    ```
    php artisan serve
    ```
8. View your site in the browser to test the new preset.

### Config

[](#config)

The default `tailwind.config.js` configuration file included by this package uses custom color names. Should you wish to make changes, you can easily do so by modifying this file. See the [Tailwind documentation](https://tailwindcss.com/docs/configuration) for more detail.

The `tailwindcss/custom-forms` customization is also in the `tailwind.config.js` file under the `customForms` key. See their [documentation](https://tailwindcss-custom-forms.netlify.com/) if you want to change any of the form styling.

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2438d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/dc9417f4c7a9b3b6d40055a74c425b1f84f81bc3d2bfcb39b56d860a3520de80?d=identicon)[scottcrowley](/maintainers/scottcrowley)

---

Top Contributors

[![scottcrowley](https://avatars.githubusercontent.com/u/28717443?v=4)](https://github.com/scottcrowley "scottcrowley (13 commits)")

---

Tags

laravelpostcsstailwind-csslaraveltailwindcsspreset

### Embed Badge

![Health badge](/badges/sc-laravel-presets-default-tailwindcss/health.svg)

```
[![Health](https://phpackages.com/badges/sc-laravel-presets-default-tailwindcss/health.svg)](https://phpackages.com/packages/sc-laravel-presets-default-tailwindcss)
```

###  Alternatives

[laravel-frontend-presets/tailwindcss

Laravel frontend preset for Tailwind CSS

1.1k405.6k6](/packages/laravel-frontend-presets-tailwindcss)[gehrisandro/tailwind-merge-laravel

TailwindMerge for Laravel merges multiple Tailwind CSS classes by automatically resolving conflicts between them

341682.2k18](/packages/gehrisandro-tailwind-merge-laravel)[miaababikir/laravel-tailwind-dashboard-preset

Laravel tailwind css dashboard preset

3634.7k](/packages/miaababikir-laravel-tailwind-dashboard-preset)[laravel-frontend-presets/now-ui-dashboard

Laravel 11.x Front-end preset for now ui dashboard

22318.3k](/packages/laravel-frontend-presets-now-ui-dashboard)[laravel-frontend-presets/vuetify

Laravel 5.5+ Front-end preset for vuetify

8013.4k](/packages/laravel-frontend-presets-vuetify)[laravel-frontend-presets/zurb-foundation

Laravel 6.0+ front-end preset for Zurb Foundation

5418.7k](/packages/laravel-frontend-presets-zurb-foundation)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)