thaqebon

🚀 How to Use Tailwind v3 for Filament v3 While Keeping Tailwind v4 in Laravel 12 (Using Vite Separation)

Problem: Laravel 12 supports Tailwind CSS v4, but Filament v3 is tied to Tailwind v3. Using both together can cause conflicts.

This guide shows how I solved the problem by isolating Filament’s frontend stack — with its own Tailwind v3, Vite config, and PostCSS config — separate from the Laravel app, which uses Tailwind v4.

---

🛠️ Step-by-Step Solution

jeffersongoncalves

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;

class CheckUserCompleteInfo
{

nathandaly

<?php

/**
 * Below is an the extended Filament resource your tenant panel resources
 * will have to extend so that the queries are scoped properly.
 */

namespace App\Filament;

use Filament\Resources\Resource;

awcodes

<?php

namespace App\Forms\Components;

use Closure;
use Filament\Forms\Components\Actions\Action;
use Filament\Forms\Components\Field;

class DropInAction extends Field
{

r2luna

alefragnani.project-manager
amiralizadeh9480.laravel-extra-intellisense
antfu.icons-carbon
austenc.laravel-blade-spacer
bmewburn.vscode-intelephense-client
bradlc.vscode-tailwindcss
calebporzio.better-keybindings
calebporzio.better-phpunit
ceciljacob.code-plus-theme
cjhowe7.laravel-blade

pedroufv

<?php

namespace Laravel\Support\Services;

class Inflector
{
    /**
     * @var array
     */
    public static $rules = [

r2luna

# -------------------------------------------------------------------------------------------
# ALIASES
# -------------------------------------------------------------------------------------------

# Brew
alias bsa='brew services start'
alias bs='brew services'
alias bso='brew services stop'

# Git

kolosek

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -

echo "Installing NodeJS 6.x"
sudo apt-get install nodejs

echo "Install webpack globally"
sudo npm install webpack -g

echo "Install nightwatch globally"
sudo npm install nightwatch -g

daredude

@echo off
FOR /f "tokens=*" %%i IN ('docker ps -aq') DO docker rm %%i
FOR /f "tokens=*" %%i IN ('docker images --format "{{.ID}}"') DO docker rmi %%i

evercode1

@section('scripts')

<script>

   $('#category_id').on('change', function(e){

    var cat_id = e.target.value;

       //ajax