Tailwind CSS for your Nuxt Apps.

The Tailwind CSS module for Nuxt enables you to set up Tailwind CSS in your Nuxt application in seconds, with many goodies 🍬

npx nuxi@latest module add tailwindcss
export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss'],
  tailwindcss: {
    exposeConfig: true,
    viewer: true,
    // and more...

Shipped with many features.

Zero Configuration

Enables using Tailwind CSS after simply installing, with support for Nuxt Layers.

CSS Nesting

Supports CSS Nesting with postcss-nesting to use the latest CSS syntax.

Config Viewer

Discover your configuration visually with the viewer as well as the Nuxt DevTools integration.

Referencing Config

Reference your Tailwind configuration in your app with tree-shaking.


Allows other modules to extend the configuration using hooks.

Open Source

Boasting over 85+ contributors and over 500k+ monthly downloads.