Tailwind 4.0

Automatic configuration:

pnpx sv add tailwindcss

or in Vite:

pnpm install tailwindcss @tailwindcss/vite

vite.config.js

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

app.css

@import "tailwindcss";

tip

Remember to import app.css in +layout or +paage.