PHPackages steffen-99/tailwindcss-laravel - 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. steffen-99/tailwindcss-laravel ActiveLibrary[Utility & Helpers](/categories/utility) steffen-99/tailwindcss-laravel ============================== Laravel frontend preset for Tailwind CSS for 10+ v10.0.0.1(2y ago)12MITBlade Since Oct 20Pushed 2y agoCompare [ Source](https://github.com/Steffen-99/tailwindcss-laravel)[ Packagist](https://packagist.org/packages/steffen-99/tailwindcss-laravel)[ RSS](/packages/steffen-99-tailwindcss-laravel/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (2)Dependencies (2)Versions (3)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 >= 7.0 and `cd` to your app. 2. Install this preset via `composer require laravel-frontend-presets/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) ### Health Score 22 — LowBetter than 22% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity4 Limited adoption so far Community19 Small or concentrated contributor base Maturity44 Maturing project, gaining track record Bus Factor1 Top contributor holds 66.7% 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 Every ~0 days Total 2 Last Release 932d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/d84173cf62c1e211a227003c58482db956db4895fa540fe86beac1b90e714bde?d=identicon)[steffen-99](/maintainers/steffen-99) --- Top Contributors [![michaeldyrynda](https://avatars.githubusercontent.com/u/558441?v=4)](https://github.com/michaeldyrynda "michaeldyrynda (152 commits)")[![rverrips](https://avatars.githubusercontent.com/u/749015?v=4)](https://github.com/rverrips "rverrips (13 commits)")[![m1guelpf](https://avatars.githubusercontent.com/u/23558090?v=4)](https://github.com/m1guelpf "m1guelpf (6 commits)")[![rbcunhadesign](https://avatars.githubusercontent.com/u/24467388?v=4)](https://github.com/rbcunhadesign "rbcunhadesign (6 commits)")[![thinkverse](https://avatars.githubusercontent.com/u/2221746?v=4)](https://github.com/thinkverse "thinkverse (5 commits)")[![avvertix](https://avatars.githubusercontent.com/u/5672748?v=4)](https://github.com/avvertix "avvertix (4 commits)")[![yaelahan](https://avatars.githubusercontent.com/u/35204891?v=4)](https://github.com/yaelahan "yaelahan (3 commits)")[![bearcodi](https://avatars.githubusercontent.com/u/210376?v=4)](https://github.com/bearcodi "bearcodi (3 commits)")[![laurencei](https://avatars.githubusercontent.com/u/1210658?v=4)](https://github.com/laurencei "laurencei (3 commits)")[![dakira](https://avatars.githubusercontent.com/u/576555?v=4)](https://github.com/dakira "dakira (2 commits)")[![alesvaupotic](https://avatars.githubusercontent.com/u/1660347?v=4)](https://github.com/alesvaupotic "alesvaupotic (2 commits)")[![cringerjs](https://avatars.githubusercontent.com/u/835448?v=4)](https://github.com/cringerjs "cringerjs (2 commits)")[![messerli90](https://avatars.githubusercontent.com/u/3306651?v=4)](https://github.com/messerli90 "messerli90 (2 commits)")[![codepotato](https://avatars.githubusercontent.com/u/417524?v=4)](https://github.com/codepotato "codepotato (2 commits)")[![claudsonm](https://avatars.githubusercontent.com/u/4139808?v=4)](https://github.com/claudsonm "claudsonm (2 commits)")[![ruslansteiger](https://avatars.githubusercontent.com/u/14092921?v=4)](https://github.com/ruslansteiger "ruslansteiger (2 commits)")[![benvilliere](https://avatars.githubusercontent.com/u/22590566?v=4)](https://github.com/benvilliere "benvilliere (2 commits)")[![Steffen-99](https://avatars.githubusercontent.com/u/2249564?v=4)](https://github.com/Steffen-99 "Steffen-99 (2 commits)")[![StyleJS-Bot](https://avatars.githubusercontent.com/u/29717995?v=4)](https://github.com/StyleJS-Bot "StyleJS-Bot (2 commits)")[![assertchris](https://avatars.githubusercontent.com/u/200609?v=4)](https://github.com/assertchris "assertchris (2 commits)") --- Tags laraveltailwindcsspreset ### Embed Badge ![Health badge](/badges/steffen-99-tailwindcss-laravel/health.svg) ``` [![Health](https://phpackages.com/badges/steffen-99-tailwindcss-laravel/health.svg)](https://phpackages.com/packages/steffen-99-tailwindcss-laravel) ``` ### Alternatives [grumpydictator/firefly-iii Firefly III: a personal finances manager. 22.8k69.3k](/packages/grumpydictator-firefly-iii)[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/inertiajs A Laravel frontend preset to get you up and running with Inertia.js 1464.5k](/packages/laravel-frontend-presets-inertiajs)[laravel-frontend-presets/white-dashboard Laravel 11.x Front-end preset for white dashboard 507.8k](/packages/laravel-frontend-presets-white-dashboard) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)