Nuxt Tailwind

Tailwind CSS module for Nuxt with modern css ⚡️

• ✨  Release Notes
• ▶️ Play online
• 📖  Documentation

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

📖  Read more

Quick Setup

1. Add @nuxtjs/tailwindcss dependency to your project

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

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

2. 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 ✨

📖  Read more

Contributing

You can contribute to this module online with CodeSandBox:

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

License

MIT License

Copyright (c) Nuxt Community