How install Tailwind CSS in Nuxt 3

insidewebdev
Last updated:
Table of Contents
Set up
Fist let's add @nuxtjs/tailwindcss
dependency to your project
# Using yarn
yarn add -D @nuxtjs/tailwindcss
# Using npm
npm install -D @nuxtjs/tailwindcss
Now we only have to add @nuxtjs/tailwindcss
to the modules
section of nuxt.config.js
nuxt.config.js
{
modules: [
'@nuxtjs/tailwindcss'
]
}
Create your tailwind.config.js
by running:
npx tailwindcss init