Skip to content

rogden/tailwindcss-module

 
 

Repository files navigation

@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

About

Tailwind CSS module for Nuxt

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 60.3%
  • Vue 38.7%
  • CSS 1.0%