🎓 Official Vue.js Certification - The official certification of competence for the Vue.js Framework is out. Discover
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.8.0 by AtinuxAtinux

Performance Improvements

  • about ~15-20% faster build (can go up for 30-50% as noted in CI) 🔥
  • functional programming to ensure no side-effects ⚙️
  • splits & organises files for easier development in future 📦
  • provides hook for each loaded config 👁️
  • drops requireModule for await import() (also parallelised) 🚢

Amazing work done by @ineshbose in #690

v6.7.2 by AtinuxAtinux

Reverted https://github.com/nuxt-modules/tailwindcss/releases/tag/v6.7.1 since it brings some regressions that we will fix first. Sorry about the issues!

v6.7.1 by AtinuxAtinux

Performance Improvements

  • about ~15-20% faster build (can go up for 30-50% as noted in CI) 🔥
  • functional programming to ensure no side-effects ⚙️
  • splits & organises files for easier development in future 📦
  • provides hook for each loaded config 👁️
  • drops requireModule for await import() (also parallelised) 🚢

Amazing work done by @ineshbose in nuxt-modules/tailwindcss#679

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

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