How to replace Tailwind v4 for v3 in Laravel Starter Kits, useful for Filament v3

PatricioPatricio
1 min read

This apply the dependencies transformations needed, and add the PostCSS config file needed.

npm remove @tailwindcss/vite

npm remove tailwindcss

npm install tailwindcss@3 @tailwindcss/forms

npm install postcss autoprefixer

cat > postcss.config.js << 'EOF'
export default {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
};
EOF

Let me know how it went ๐Ÿ˜ƒ

Happy coding!

1
Subscribe to my newsletter

Read articles from Patricio directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Patricio
Patricio

Full-stack web developer with a taste for Laravel, Docker, and a few more components in the ecosystem