tailwindcss

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.

@nuxtjs/tailwindcss

Nuxt Tailwind

npm versionnpm downloadsLicenseNuxtTailwind CSSVolta board

Tailwind CSS module for Nuxt ⚡️

Features

📖  Read more

Quick Setup

  1. Add @nuxtjs/tailwindcss dependency to your project
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss
# Using yarn
yarn add --dev @nuxtjs/tailwindcss
# Using npm
npm install --save-dev @nuxtjs/tailwindcss
  1. Add @nuxtjs/tailwindcss to the modules section of nuxt.config.{ts,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:

Edit @nuxtjs/tailwindcss

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