Skip to content
On this page

Nuxt Module

The Nuxt module for UnoCSS.

Installation

bash
pnpm add -D @unocss/nuxt
pnpm add -D @unocss/nuxt
bash
yarn add -D @unocss/nuxt
yarn add -D @unocss/nuxt
bash
npm install -D @unocss/nuxt
npm install -D @unocss/nuxt

Add @unocss/nuxt to your Nuxt config file:

ts
// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
  ],
})
// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
  ],
})

Create a uno.config.ts file:

ts
// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS options
})
// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS options
})

The uno.css entry will be automatically injected by the module.

Support status

Nuxt 2Nuxt BridgeNuxt 3
Webpack Dev🚧
Webpack Build
Vite Dev-
Vite Build-

Configuration

We recommend to use the dedicated uno.config.ts file for configuration. See Config File for more details.

License

Released under the MIT License.