Awesome Open Source
Awesome Open Source



npm version npm downloads Github Actions CI Codecov License

Tailwind CSS module for NuxtJS with modern css ⚡️


  • 👌  Zero configuration to start (see video)
  • ⚡️  PurgeCSS included for minimal CSS ⚡️
  • 🪄  Use latest CSS features (Stage 1)
  • 🎨  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
  1. Add @nuxtjs/tailwindcss to the buildModules section of nuxt.config.js
  buildModules: [

ℹ️ 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


You can contribute to this module online with CodeSandBox:

Edit @nuxtjs/tailwindcss

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


MIT License

Copyright (c) Nuxt.js Team

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,032
nuxt (216
tailwindcss (174
nuxtjs (120
nuxt-module (70

Find Open Source By Browsing 7,000 Topics Across 59 Categories