Tailwind CSS module for NuxtJS with modern css β‘οΈ
- π 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
- Add
@nuxtjs/tailwindcss
dependency to your project
# Using npm
npm install --save-dev @nuxtjs/tailwindcss
# Using yarn
yarn add --dev @nuxtjs/tailwindcss
- Add
@nuxtjs/tailwindcss
to thebuildModules
section ofnuxt.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 β¨
You can contribute to this module online with CodeSandBox:
Or locally:
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Start development server using
yarn dev
ornpm run dev
Copyright (c) Nuxt.js Team