@l4dybird/nuxt-ui-preset-unocss-nuxt

Nuxt module that wires @nuxt/ui to UnoCSS with conservative preset injection rules.

Install

pnpm add @nuxt/ui @l4dybird/nuxt-ui-preset-unocss-nuxt @unocss/nuxt

Usage

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ["@nuxt/ui", "@l4dybird/nuxt-ui-preset-unocss-nuxt"],
  unocss: {
    nuxtUi: {
      basePreset: "wind4",
    },
  },
});

Injection rules

• no injection when unocss.nuxtUi === false
• no injection when unocss.presets is already set and unocss.nuxtUi is not set
• config files do not disable injection; use unocss.nuxtUi = false to opt out explicitly
• no duplicate injection when unocss-preset-nuxt-ui is already present
• appConfig.ui.colors is mapped into colorAliases unless you override it explicitly

Full monorepo documentation: nuxt-ui-preset-unocss