Laravel Packages

Tailwind CSS Laravel Package

Published
Tailwind CSS Laravel Package image

The Tailwind CSS Laravel package from Tony Messias wraps up the standalone CLI version of the Tailwind CSS framework for Laravel applications.

If you're not familiar with the purpose of the Tailwind CSS standalone CLI, the announcement about it explains:

Tailwind CSS is written in JavaScript and distributed as an npm package, which means you’ve always had to have Node.js and npm installed to use it.

This has made it harder to integrate into projects where using npm isn’t always common, and with tools like Rails and Phoenix both moving away from npm by default, we needed to find a way for people to use Tailwind in these projects without forcing them to adopt an entirely separate ecosystem of tooling.

Today we’re announcing a new standalone CLI build that gives you the full power of Tailwind CLI in a self-contained executable — no Node.js or npm required.

This package provides convenient commands such as installing, scaffolding, building, and minifying Tailwind builds via the standalone CLI:

# Download the correct CLI based on OS/CPU arch
php artisan tailwindcss:download
 
# Install the scaffolding (tailwindcss.config.js, app.css, etc.)
php artisan tailwindcss:install
 
# Build styles
php artisan tailwindcss:build [--digest|--minify]
 
# Watch for changes during development
php artisan tailwindcss:watch

Lastly, this package also comes with a tailwindcss() helper function to render the compiled assets instead of mix() for node.js environments:

<link rel="stylesheet" href="{{ tailwindcss('css/app.css') }}" >

You can learn more about this package, get full installation instructions, and view the source code on GitHub at tonysm/tailwindcss-laravel.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
NativePHP v4: Build Native iOS and Android UI in Blade image

NativePHP v4: Build Native iOS and Android UI in Blade

Read article
Laravel Lock: Distributed Locks for Models and Routes image

Laravel Lock: Distributed Locks for Models and Routes

Read article
Laravel Image Responses: Serve Resized Images From Routes image

Laravel Image Responses: Serve Resized Images From Routes

Read article
Pause All Laravel Queues During a Deploy image

Pause All Laravel Queues During a Deploy

Read article
Laravel Terminal UI for the artisan dev Command image

Laravel Terminal UI for the artisan dev Command

Read article
Pause All Queues and a New artisan dev UI in Laravel 13.25 image

Pause All Queues and a New artisan dev UI in Laravel 13.25

Read article