Awesome Open Source
Awesome Open Source

@nuxtjs/tailwindcss

@nuxtjs/tailwindcss

npm version npm downloads Github Actions CI Codecov License

Tailwind CSS module for NuxtJS with modern css ⚡️

Features

  • 👌  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: [
    '@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:

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

License

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