@nuxtjs/tailwindcss

TailwindCSS module for Nuxt

please use latest 5.0.0 version

Last updated 4 years ago by pi0 .

MIT · Repository · Bugs · Original npm · Tarball · package.json

$ cnpm install @nuxtjs/tailwindcss

SYNC missed versions from official npm registry.

Nuxt Tailwind

Tailwind CSS module for Nuxt ⚡️

Features

???? Zero configuration to start (see video)
???? Includes CSS Nesting with postcss-nesting
???? Discover your Tailwind Colors (see video)
⚙️ Reference your Tailwind config in your app
???? Extendable by Nuxt modules
???? Supports both Nuxt 3 and Nuxt 2

Quick Setup

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

Add @nuxtjs/tailwindcss to the modules section of nuxt.config.{ts,js}

{
  modules: [
    '@nuxtjs/tailwindcss'
  ]
}

That's it! You can now use Tailwind classes in your Nuxt app ✨

Contributing

You can contribute to this module online with CodeSandBox:

Or locally:

Clone this repository
Install dependencies using pnpm i
Prepare for development using pnpm dev:prepare
Start development server using pnpm dev

License

Copyright (c) Nuxt Community

Current Tags

4.0.0-12 ... alpha (5 years ago)
6.6.7 ... latest (3 years ago)
5.0.0-0 ... prerelease (4 years ago)

98 Versions

Maintainers (6)

Downloads

Today 0

This Week 0

This Month 0

Last Day 0

Last Week 0

Last Month 0

Dependencies (13)

@nuxt/kit npm:@nuxt/kit-edge@latest
@nuxt/postcss8 ^1.1.3
autoprefixer ^10.4.2
chalk ^4.1.2
clear-module ^4.1.2
consola ^2.15.3
defu ^5.0.1
postcss ^8.4.6
postcss-custom-properties ^12.1.4
postcss-nesting ^10.1.2
tailwind-config-viewer ^1.6.3
tailwindcss ^3.0.18
ufo ^0.7.10

Dev Dependencies (7)

Dependents (0)

None

Copyright 2013 - present © cnpmjs.org | Home |