Add TailwindCSS JIT to your Nuxtjs site

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Truly a developer’s best friend
  • - Download’s Tech Salary Report
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • SonarQube - Static code analysis for 29 languages.
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    TailwindCSS just released a feature called Just-In-Time. The TailwindCSS blog published an article about it here. It's available (for now, since it will be added in TailwindCSS v3.0) on NPM. I dedicated another blogpost to this, so I wont go deeper into that topic here. But what is interesting here, is that it changes the whole way how you use TailwindCSS with Nuxtjs

  • Sass

    Sass makes CSS fun!

    If you've read more than 2 articles on this blog, you'll know that I'm a fan of using TailwindCSS @apply classes with Sass. It's easier to maintain, clearly readable and just cooler!

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • PostCSS

    Transforming styles with JS plugins

    adding TailwindCSS became really easy since nuxtjs/tailwindcss v4.0.0. Before (like explained on the Tailwind Install Docs), you needed to install a great deal of packages to be able to use TailwindCSS with Nuxt. Also they were outdated versions of packages. Now it's just the @nuxtjs/tailwindcss module and PostCSS. So first install those.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts