PHPackages                             raviyatechnical/laravel-ui-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. [Authentication & Authorization](/categories/authentication)
4. /
5. raviyatechnical/laravel-ui-tailwindcss

ActiveLibrary[Authentication & Authorization](/categories/authentication)

raviyatechnical/laravel-ui-tailwindcss
======================================

Laravel frontend preset for Tailwind CSS

v1.0.0(3y ago)091MITBlade

Since Nov 13Pushed 3y ago1 watchersCompare

[ Source](https://github.com/raviyatechnical/laravel-ui-tailwindcss-preset)[ Packagist](https://packagist.org/packages/raviyatechnical/laravel-ui-tailwindcss)[ GitHub Sponsors](https://github.com/bhargavraviya)[ Patreon](https://www.patreon.com/raviyatechnical)[ RSS](/packages/raviyatechnical-laravel-ui-tailwindcss/feed)WikiDiscussions master Synced today

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

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

[](#laravel-70-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.

Usage
-----

[](#usage)

1. Fresh install Laravel >= 9.0 and `cd` to your app.
2. Install this preset via `composer require raviyatechnical/laravel-ui-tailwindcss --dev`. Laravel will automatically discover this package. No need to register the service provider.

### a. For Presets without Authentication

[](#a-for-presets-without-authentication)

1. Use `php artisan ui tailwindcss` for the basic Tailwind CSS preset
2. `npm install && npm run dev`
3. `php artisan serve` (or equivalent) to run server and test preset.

### b. For Presets with Authentication

[](#b-for-presets-with-authentication)

1. Use `php artisan ui 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`)
2. `npm install && npm run dev`
3. Configure your favorite database (mysql, sqlite etc.)
4. `php artisan migrate` to create basic user tables.
5. `php artisan serve` (or equivalent) to run server and test preset.

### Config

[](#config)

The default `tailwind.config.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.

Add a new i18n string in the `resources/lang/XX/pagination.php` file for each language that your app uses:

```
'previous' => '« Previous',
'next' => 'Next »',
'goto_page' => 'Goto page #:page', // Add this line
```

This should help with accessibility

```

        2

```

#### Pagination

[](#pagination)

Laravel now supports Tailwind CSS pagination directly. If you would like to use these views in your app, you can refer to [docs](https://laravel.com/docs/master/pagination#using-tailwind).

### Screenshots

[](#screenshots)

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

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

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

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

[![Dashboard](/screenshots/dashboard.png)](/screenshots/dashboard.png)

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

First Inspiration of

###  Health Score

22

—

LowBetter than 21% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity5

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 50% 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

1327d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/57633859?v=4)[raviyatechnical](/maintainers/raviyatechnical)[@raviyatechnical](https://github.com/raviyatechnical)

---

Top Contributors

[![bhargavraviya](https://avatars.githubusercontent.com/u/46953122?v=4)](https://github.com/bhargavraviya "bhargavraviya (3 commits)")[![raviyatechnical](https://avatars.githubusercontent.com/u/57633859?v=4)](https://github.com/raviyatechnical "raviyatechnical (3 commits)")

---

Tags

authenticationlaravellaravel-authentication-tailwindcsslaravel-packagetailwindcsslaravelAuthenticationtailwindcsspresetlaravel ui

### Embed Badge

![Health badge](/badges/raviyatechnical-laravel-ui-tailwindcss/health.svg)

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

###  Alternatives

[unopim/unopim

UnoPim Laravel PIM

10.5k2.4k](/packages/unopim-unopim)[bagisto/bagisto

Bagisto Laravel E-Commerce

27.6k172.1k9](/packages/bagisto-bagisto)[grumpydictator/firefly-iii

Firefly III: a personal finances manager.

23.9k69.5k](/packages/grumpydictator-firefly-iii)[lakm/nopass

Provides passwordless authentication for your laravel projects.

2215.9k3](/packages/lakm-nopass)[maicol07/laravel-oidc-client

OpenID Connect Client for Laravel

281.3k](/packages/maicol07-laravel-oidc-client)

PHPackages © 2026

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