A tailwind-merge port for Laravel. Support up to version 4.1 of Tailwind CSS.

You can install the package via composer:

composer require lumen-ui/lumen-tw

// Via global function
tw_merge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]')

// Via service container
app('twMerge')->merge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]');

// Via Facade
use Lumen\TwMerge\Facades\TwMerge;

TwMerge::merge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]');

{{-- Using Blade Directive --}}
<div @twMerge('bg-blue-600 hover:bg-blue-700', 'bg-blue-400')>
    ...   
</div>

{{-- Within blade components using attribute bag macro --}}
<div {{ $attributes->twMerge('text-center') }}>
    ...
</div>

• ☑️ 11.x
• ☑️ 12.x

This package supports Tailwind CSS versions up to 4.1.

• ☑️ 4.1.0
• ☑️ 4.0.0
• ☑️ 3.x (Legacy)

• Configuration
• Usage Within Blade
• CssClassBuilder
• Api Reference

Please see CHANGELOG for more information on what has changed recently.

Please see CONTRIBUTING for details.

Please review our security policy on how to report security vulnerabilities.

• This package is a port of the tailwind-merge for Laravel.
• I created this package as a successor to the laravel-tailwind-merge as it was not maintained anymore and as a result, it doesn't support Tailwindcss 4.x and above.
  • Attribute bag macro twMerge, twMergeFor and withoutTwMergeClasses along with @twMerge blade directive are taken from this package.

• Fa-BRAIK
• All Contributors

The MIT License (MIT). Please see License File for more information.