philwhln/tailwindcss-module

Tailwind CSS module for Nuxt

@nuxtjs/tailwindcss

Tailwind CSS module for NuxtJS with modern css ⚡️

• ✨  Release Notes
• 📖  Documentation

Features

• 👌  Zero configuration to start (see video)
• 🗜  PurgeCSS included for minimal CSS ⚡️
• ⚡️  Supports Tailwind Just-In-Time
• 🪄  Includes CSS Nesting with postcss-nesting
• 🎨  Discover your Tailwind Colors (see video)
• ⚙️  Reference your Tailwind config in your app
• 📦  Extendable by Nuxt modules

📖  Read more

Quick Setup

1. Add @nuxtjs/tailwindcss dependency to your project

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

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

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

ℹ️ If you are using nuxt < 2.9.0, use modules property instead.

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 yarn install or npm install
3. Start development server using yarn dev or npm run dev

License

MIT License

Copyright (c) Nuxt.js Team