Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

nuxt-modules/tailwindcss

Repository files navigation

@nuxtjs/tailwindcss

Nuxt Tailwind

npm version npm downloads License Nuxt Tailwind CSS

Enable Tailwind CSS for Nuxt ⚑️

πŸ“– Documentation | ▢️ Play online | ✨ Release Notes

Features

  • πŸ‘Œ Zero configuration to start
  • πŸ“¦ Extendable by Nuxt modules using hooks

Quick Setup

Add @nuxtjs/tailwindcss using the Nuxt CLI to your project

npx nuxi@latest module add tailwindcss
..or install using your dependency manager
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss
# Using yarn
yarn add --dev @nuxtjs/tailwindcss
# Using npm
npm install --save-dev @nuxtjs/tailwindcss

and then to the modules section of nuxt.config.{ts,js}

export default defineNuxtConfig({
 modules: [
 '@nuxtjs/tailwindcss'
 ]
})

That's it! You can now use Tailwind classes in your Nuxt app ✨

Contributing

You can contribute to this module online:

Edit @nuxtjs/tailwindcss in CodeSandbox Edit @nuxtjs/tailwindcss in Codeflow

..or locally
  1. Clone this repository
  2. Install dependencies using pnpm i
  3. Prepare for development using pnpm dev:prepare
  4. Start development server using pnpm dev

License

MIT - Made with πŸ’š

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /