Nuxt Tailwind

[!NOTE] You’re viewing the v7 branch for compatibility with Tailwind CSS 4.

For the current stable release that uses Tailwind CSS 3, see v6.

<!-- Enable [Tailwind CSS](https://tailwindcss.com) for [Nuxt](https://nuxt.com) ⚡️ --> <!-- [📖 &nbsp;Documentation](https://tailwindcss.nuxtjs.org) | [▶️ Play online](https://stackblitz.com/github/nuxt-modules/tailwindcss) | [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/tailwindcss/releases) -->

Features

• 👌  Zero configuration to start
• 📦  Extendable by Nuxt modules using hooks

Quick Setup

Add @nuxtjs/tailwindcss using the Nuxt CLI to your project

npx nuxi@latest module add tailwindcss

<details> <summary>..or install using your dependency manager</summary>

# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss

# Using yarn
yarn add --dev @nuxtjs/tailwindcss

# Using npm
npm install --save-dev @nuxtjs/tailwindcss

and then to the modules section of nuxt.config.{ts,js}

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss'
  ]
})

</details>

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

Contributing

You can contribute to this module online:

<details> <summary>..or locally</summary>

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

</details>

License

MIT - Made with 💚

<!-- Badges -->