✨ Meet Tairo - The admin dashboard template powered by Nuxt + Tailwind CSS PreviewLearn more
tailwindcss

tailwindcss

Go to documentation

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.

Sébastien Chopin
1 maintainer459k installs1k stars

v6.7.0 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.8...v6.7.0

v6.6.8 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.7...v6.6.8

v6.6.7 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.6...v6.6.7

v6.6.6 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.5...v6.6.6

v6.6.5 by danielroedanielroe

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.4...v6.6.5

v6.6.4 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.3...v6.6.4

v6.6.3 by AtinuxAtinux

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.2...v6.6.3

v6.6.2 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.1...v6.6.2

v6.6.1 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.6.0...v6.6.1

v6.6.0 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.5.0...v6.6.0

v6.5.0 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.4.1...v6.5.0

v6.4.0 by AtinuxAtinux

What's Changed

CleanShot 2023-02-11 at 13 35 14@2x

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.3.1...v6.4.0

v6.3.0 by AtinuxAtinux

What's Changed

Features ✨

Fixes 🐞

Chores 🧹

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.2.0...v6.3.0

v6.1.3 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.1.2...v6.1.3

v6.1.1 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.1.0...v6.1.1

v6.1.0 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.0.1...v6.1.0

v6.0.1 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v6.0.0...v6.0.1

v6.0.0 by AtinuxAtinux

What's Changed

Now Compatible with Nuxt RC12.

New Contributors

Full Changelog: https://github.com/nuxt-modules/tailwindcss/compare/v5.3.5...v6.0.0

v5.3.2 by AtinuxAtinux

What's Changed

  • fix: remove now-unneeded @types/tailwindcss by @genu in #514
  • fix(module): remove prefix for tailwind viewer route on nuxt 2 by @chettapong in #517

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.3.1...v5.3.2

v5.3.1 by AtinuxAtinux

What's Changed

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.3.0...v5.3.1

v5.3.0 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.2.0...v5.3.0

v5.2.0 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.1.3...v5.2.0

v5.1.3 by AtinuxAtinux

What's Changed

The tailwind viewer should now work again and the documentation has been updated with Nuxt 3 ❤️

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.1.2...v5.1.3

v5.1.2 by AtinuxAtinux

Bug Fixes

  • use correct defuArrayFn and fix srcDir error (cef3a9f)

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.1.1...v5.1.2

v5.1.1 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.1.0...v5.1.1

v5.1.0 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.4...v5.1.0

v5.0.4 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.3...v5.0.4

v5.0.3 by AtinuxAtinux

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.2...v5.0.3

v5.0.0 by AtinuxAtinux

Stable version is out and ready for feedback 🎊

Please read carefully the v5.0.0-0 release notes.

What's included

New Contributors

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v4.2.1...v5.0.0

Nuxt 3 and Tailwind CSS 3 support by pi0pi0

This is a prerelease

You can try v5 by installing @nuxtjs/tailwindcss@5.0.0-4 with the package manager of your choice.

🐛 Some bugs are expected with this release. Please open an issue if had trouble with v5 upgrade.

▶️ Play online

⚠ BREAKING CHANGES

  • Nuxt 3 is supported
  • TailwindCSS upgraded to v3 (thanks to PR by @dargmuesli 💚 ). Read more about changes in Tailwind upgrade guide.
  • JIT mode is enabled by default. You can remove jit option if was already using
  • ~tailwind.config import renamed to #tailwind-config when importing the generated Tailwind config in the application
  • (Module authors) tailwindcss:config hook is being called when modules are being installed for more predictable building behavior. Any module extending tailwind config should be installed before tailwindcss module

Features

v4.2.1 by AtinuxAtinux

  • fix: specify files to avoid rootDir watcher (#370)

v4.2.0 by AtinuxAtinux

  • docs: Improve clarity of exposeConfig content (#363) · 6bcf442
  • feat: set cssPath false to disable adding the CSS (#362) · 695d068
  • chore(deps): upgrade deps · 0dde4b4

v4.1.3 by AtinuxAtinux

Fixes

  • fix: add ts extension for purging components folder (#356) · 8328c52
  • fix incorrect link (bottom right) (#353) · dd45c32

Dependencies

Documentation

v4.1.2 by AtinuxAtinux

  • chore: remove package-lock.json · 6d3bdd1
  • chore: improve deprecation message to be generic about config specification · 50b3fd4
  • chore(pkg): add "prepack" script (closes #347) · 42d4fae
  • docs: change jit link since tailwind-jit is now native to tailwindcss (#345) · e10b598

v4.1.1 by AtinuxAtinux

  • Remove @tailwindcss/jit dependency (#340)

v4.1.0 by AtinuxAtinux

Update tailwind to 2.1 to natively support JIT (#326) (dfa989a)

v4.0.3 by AtinuxAtinux

v4.0.1 by AtinuxAtinux

Switch from postcss-nested to postcss-nesting to respect CSS Nesting spec we supported with version 3 of the module.

v4.0.0 by AtinuxAtinux

Tailwind 2 with PostCSS 8

PostCSS 8 is now possible thanks to @nuxt/postcss8! No more compatibility build to use the latest version of Tailwind now ✨

Make sure to read the installation steps.

Tailwind Just-In-Time

You may have heard about the Just-In-Time compilation mode of TailwindCSS, this version supports it, simply set the jit option in your nuxt.config.js:

export default {
  buildModules: ['@nuxtjs/tailwindcss'],
  tailwindcss: {
    jit: true
  }
}

With jit option, our build on nuxtjs.org came from 40s to 7s ⚡

https://tailwindcss.nuxtjs.org

v4.0.0-0 by pi0pi0

Features

v3.4.3 by pi0pi0

Bug Fixes

v3.4.2 by AtinuxAtinux

  • Upgrade to Tailwind Config Viewer v1.4.0 (#237) · c18498f

v3.4.1 by AtinuxAtinux

v3.4.0 by AtinuxAtinux

Features

Integration with tailwind-config-viewer is live, see #232, thank you @rogden !

https://tailwindcss.nuxtjs.org/tailwind-viewer/

v3.3.4 by AtinuxAtinux

  • fix: addTemplate call compats low version nuxt (#225) · b18380d
  • chore(deps): update all non-major dependencies (#222) · 4641a90

v3.3.3 by AtinuxAtinux

Bug fixes

  • fix: Remove duplicated border-2 class from copy-box (#221) · c84c8be

v3.3.2 by AtinuxAtinux

Bug fixes

  • fix(lib): check listeners value before displaying url · 431eafc

Misc

  • docs: update tailwind v2 using yarn · 8ea24c6
  • chore(deps): update devdependency eslint-plugin-vue to ^7.2.0 (#219) · 87b3a6c

v3.3.1 by AtinuxAtinux

Bug Fixes

  • handle color as string and smarted light/dark detection (6058ea8)

v3.3.0 by AtinuxAtinux

Features

v3.2.0 by AtinuxAtinux

Features

v3.1.0 by AtinuxAtinux

Features

  • purge: handle custom srcDir and support TS (#170) (bf3e0db)

v3.0.2 by AtinuxAtinux

Bug Fixes

v3.0.1 by AtinuxAtinux

v3.0.0 by AtinuxAtinux

⚠ BREAKING CHANGES

  • build.postcss.plugins as Array is not supported anymore

Features

We now have a documentation website: https://tailwindcss.nuxtjs.org

  • The module will not create the tailwind files anymore but load them if they exist
  • @nuxtjs/tailwindcss now configures the purge option of TailwindCSS and let the user extend it easily to keep a minimal tailwind.config.js template
  • Nuxt modules can easily extend the user tailwind config (adding Typography plugin, settings colors, etc)
  • Updating the tailwind.config.js will actually do a full Nuxt server restart but will actually fix the plugins update issue

v2.1.1 by AtinuxAtinux

Upgrade Tailwindcss to v1.6.0

v2.1.0 by AtinuxAtinux

Misc ✨

  • Upgrade dependencies (TailwindCSS to v1.5.1).

If a new version of TailwindCSS goes out, you can always install it with npm install --save-dev tailwindcss, the module will use it directly.

Bug fixes 🐞

  • Force production env for postcss on nuxt build (977d605)

v2.0.0 by AtinuxAtinux

Version 2.0 is out, including TailwindCSS v1.4 ✨

This version is a breaking change since we actually removed nuxt-purgecss dependency, since Tailwind 1.4 has a purge option now!

If you are upgrading, take a look at the new tailwind.config.js:

// tailwind.config.js
module.exports = {
  /* ... your actual config */,
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js'
    ]
  }
}

v1.4.1 by AtinuxAtinux

  • Upgrade dependencies and use Tailwind v1.3.4 ✨

v1.4.0 by AtinuxAtinux

Features

  • Add exposeConfig option to reference resolved config in javascript runtime (PR #69)

See demo and source code

Chore

  • Upgrade dependencies

v1.3.3 by AtinuxAtinux

v1.3.2 by AtinuxAtinux

  • Upgrade to Tailwind v1.2 (#60)
  • Fix override PurgeCSS "enabled" option (#59)

v1.3.1 by AtinuxAtinux

Fix a regression: PurgeCSS stopped working after upgrade to v.1.3.0

Related Issues: #52 and #54

v1.3.0 by AtinuxAtinux

  • Upgrade TailwindCSS to v1.1.4
  • Add purgeCSSInDev option to activate purgeCSS in development mode

v1.2.0 by AtinuxAtinux

  • Upgrade TailwindCSS to 1.1.3
  • Add support for deprecated build.postcss.plugins syntax (#36)

v1.1.2 by AtinuxAtinux

  • Upgrade to Tailwind v1.1.0
  • Remove log of postcss preset (fix #20)
  • Use nuxt.hook('build:before') to work when used as middleware (fix #23)

v1.1.0 by AtinuxAtinux

Misc

  • refactor: module and increase coverage (#5)

v0.1.1 by AtinuxAtinux

See changelog

v0.1.0 by AtinuxAtinux

See changelog

v0.0.4 by AtinuxAtinux

See changelog