How do I use Tailwind CSS?

Enable option

Only supports Tailwind CSS v4.

// nutin.config.js
export default {
  tailwind: true,
  // ...
}

Install dependencies

You can run npm run build to install Tailwind CSS v4 dependencies automatically.

Or you can install them manually as devDependencies

{ name: 'tailwindcss', version: '^4.3.0' },
{ name: '@tailwindcss/cli', version: '^4.3.0' }

Tailwind import file

/* styles/tailwind.css */
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);