Cannot use tailwind with Nuxt UI

nuxt.config.ts

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2025-07-15",
    devtools: { enabled: true },

    modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],
});

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2025-07-15",
    devtools: { enabled: true },

    modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],
});

Running this gives an error when running

bun dev

bun dev

 ERROR  Cannot restart nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

 ERROR  Cannot restart nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

Using

nuxt

nuxt

4.0.1,

@nuxtjs/tailwindcss

@nuxtjs/tailwindcss

6.14.0, and

@nuxt/ui

@nuxt/ui

3.3.0.

If I just use Nuxt UI, there is no tailwind in my app.

Nuxt•8mo ago•

47 replies

Dog

Cannot use tailwind with Nuxt UI

nuxt.config.ts

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2025-07-15",
    devtools: { enabled: true },

    modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],
});

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2025-07-15",
    devtools: { enabled: true },

    modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],
});

Running this gives an error when running

bun dev

bun dev

 ERROR  Cannot restart nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

 ERROR  Cannot restart nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

Using

nuxt

nuxt

4.0.1,

@nuxtjs/tailwindcss

@nuxtjs/tailwindcss

6.14.0, and

@nuxt/ui

@nuxt/ui

3.3.0.

If I just use Nuxt UI, there is no tailwind in my app.

Cannot use tailwind with Nuxt UI

Similar Threads

Cannot use tailwind with Nuxt UI

Similar Threads

Similar Threads

Similar Threads