Tailwind CSS module for Nuxt β‘οΈ
- π Zero configuration to start
- πͺ Includes CSS Nesting with postcss-nesting
- π¨ Discover your Tailwind Config & Colors (see video)
- βοΈ Reference your Tailwind config in your app
- π¦ Extendable by Nuxt modules using hooks
- π Supports both Nuxt 3 and Nuxt 2
- 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
You can test latest additions on Nightly Releases!
- Add
@nuxtjs/tailwindcss
to themodules
section ofnuxt.config.{ts,js}
export default defineNuxtConfig({
modules: [
'@nuxtjs/tailwindcss'
]
})
That's it! You can now use Tailwind classes in your Nuxt app β¨
You can contribute to this module online:
Or locally:
- Clone this repository
- Install dependencies using
pnpm i
- Prepare for development using
pnpm dev:prepare
- Start development server using
pnpm dev
You can run docs/
locally by using pnpm docs:dev
, or to run a build:
- Make sure to add your Nuxt UI Pro license in the
.env
file before building the application. - Run SSG build using
pnpm docs:build
- Review the production build locally using
pnpm docs:preview
Check out the deployment documentation for more information.
MIT - Made with π