DEV Community

Cover image for Install Tailwind CSS v4 in a Vue 3 + Vite Project

Install Tailwind CSS v4 in a Vue 3 + Vite Project

Stephen Akugbe on February 05, 2025

Tailwind CSS v4 is here, bringing a more streamlined installation process and performance improvements. However, if you check the official Tailwind...
Collapse
 
qader_kamal_35fc1ecbcc7a1 profile image
Qader Kamal

I literally done this and it didnt work, but done the exact same thing from your guid and it worked, literally have no idea why, but cool lol

thanks

Collapse
 
osalumense profile image
Stephen Akugbe

So, just to clarify, you followed the guide and you were able to set it up right?

Collapse
 
oleksandr_pikush profile image
Oleksandr Pikush

it works

Collapse
 
tibering profile image
Tibering

├── @tailwindcss/postcss@4.1.4
├── @tailwindcss/vite@4.1.4
├── @vitejs/plugin-vue@5.2.3
├── autoprefixer@10.4.21
├── postcss@8.5.3
├── tailwindcss@4.1.4
├── vite@6.2.6
└── vue@3.5.13

it works

Collapse
 
viniciuzsk profile image
Vinícius Willian

Funcionou muito bem aqui! Obrigado!

Collapse
 
v3nt profile image
v3nt

How do you configure it though?

Collapse
 
biscoff_underfield_b40840 profile image
Biscoff Underfield

garbage - doesn't work - just some ai pollution

Collapse
 
osalumense profile image
Stephen Akugbe

I'm sorry it didn't work for you, I only put this up after setting up a project in Vue3 with tailwind v4

Collapse
 
varma_sagi_82f557ba2d8a09 profile image
Varma Sagi

works

Collapse
 
yvan_cito_eb6a346b49201ff profile image
Yvan Cito

this comment is garbage pollution =)

Collapse
 
alkasadist profile image
Alexandr Andreev

works. tysm!

Collapse
 
esley_santana_868a75be670 profile image
Esley Santana

works