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 →
Find Unexpected Test Inputs with Fuzz for Pest image

Find Unexpected Test Inputs with Fuzz for Pest

Read article
Laravel Rulebook: Business Rules That Change by Date image

Laravel Rulebook: Business Rules That Change by Date

Read article
Taylor disabled GitHub Issues on most Laravel open-source packages. image

Taylor disabled GitHub Issues on most Laravel open-source packages.

Read article
Exclude Vendor and Default Commands in `php artisan dev` image

Exclude Vendor and Default Commands in `php artisan dev`

Read article
The Laracon Archive image

The Laracon Archive

Read article
Group Adjacent Collection Items in Laravel with chunkBy() image

Group Adjacent Collection Items in Laravel with chunkBy()

Read article