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.
- 👌 Zero configuration to start
- 📦 Extendable by Nuxt modules using hooks
Add @nuxtjs/tailwindcss using the Nuxt CLI to your project
npx nuxi@latest module add tailwindcss..or install using your dependency manager
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss
# Using yarn
yarn add --dev @nuxtjs/tailwindcss
# Using npm
npm install --save-dev @nuxtjs/tailwindcssand then to the modules section of nuxt.config.{ts,js}
export default defineNuxtConfig({
modules: [
'@nuxtjs/tailwindcss'
]
})That's it! You can now use Tailwind classes in your Nuxt app ✨
You can contribute to this module online:
..or locally
- Clone this repository
- Install dependencies using
pnpm i - Prepare for development using
pnpm dev:prepare - Start development server using
pnpm dev
MIT - Made with 💚