Add TailwindCSS JIT to your Nuxtjs site

Developer Tools Design Tools CSS Framework

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
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.

#Developer Tools #Design Tools #Website Design 870 social mentions
Sass Landing Page
2

Sass

Syntatically Awesome Style Sheets
Pricing:
- Open Source
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!

#Developer Tools #Design Tools #CSS Framework 132 social mentions
PostCSS Landing Page
3

PostCSS

Increase code readability. Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.
Pricing:
- Open Source
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.

#Developer Tools #Design Tools #CSS Framework 39 social mentions
Nuxt.js Landing Page

4

Nuxt.js

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. It's a perfect static site generator.

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.

#Static Site Generators #Developer Tools #Javascript UI Libraries 149 social mentions