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 →
Unlearn.dev goes free for a weekend, October 10 and 11 image

Unlearn.dev goes free for a weekend, October 10 and 11

Read article
Tashil: Laravel Subscription Plans and Feature Usage Limits image

Tashil: Laravel Subscription Plans and Feature Usage Limits

Read article
Decide with Jev: Laravel AI That Answers with a Probability image

Decide with Jev: Laravel AI That Answers with a Probability

Read article
JetBrains Air: Run AI Coding Agents in JetBrains IDEs image

JetBrains Air: Run AI Coding Agents in JetBrains IDEs

Read article
Memoize Tagged Cache Reads in Laravel image

Memoize Tagged Cache Reads in Laravel

Read article
Eloquent Refreshes: Load Generated Columns After Save image

Eloquent Refreshes: Load Generated Columns After Save

Read article