👨‍🏫 The Mastering Nuxt 3 course is now completed!

Discover the course

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.


Nuxt Tailwind

npm versionnpm downloadsLicenseNuxtTailwind CSSVolta board

Tailwind CSS module for Nuxt ⚡️


📖  Read more

Quick Setup

  1. Add @nuxtjs/tailwindcss dependency to your project
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss
# Using yarn
yarn add --dev @nuxtjs/tailwindcss
# Using npm
npm install --save-dev @nuxtjs/tailwindcss
  1. Add @nuxtjs/tailwindcss to the modules section of nuxt.config.{ts,js}
modules: [

That's it! You can now use Tailwind classes in your Nuxt app ✨

📖  Read more


You can contribute to this module online with CodeSandBox:

Edit @nuxtjs/tailwindcss

Or locally:

  1. Clone this repository
  2. Install dependencies using pnpm i
  3. Prepare for development using pnpm dev:prepare
  4. Start development server using pnpm dev


MIT License

Copyright (c) Nuxt Community