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

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