Nuxt Tailwind

Tailwind CSS module for Nuxt with modern css ⚡️

Features

👌 Zero configuration to start (see video)
🪄 Includes CSS Nesting with postcss-nesting
🎨 Discover your Tailwind Colors (see video)
⚙️ Reference your Tailwind config in your app
📦 Extendable by Nuxt modules
🚀 Nuxt 3 support

Quick Setup

Add @nuxtjs/tailwindcss dependency to your project

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

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

Add @nuxtjs/tailwindcss to the modules section of nuxt.config.js

{
  modules: [
    '@nuxtjs/tailwindcss'
  ]
}

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

Contributing

You can contribute to this module online with CodeSandBox:

Or locally:

Clone this repository
Install dependencies using yarn install
Prepare for development using yarn dev:prepare
Start development server using yarn dev

License

Copyright (c) Nuxt Community