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

Vite and unplugin helpers for @nuxt/ui + UnoCSS integration.

Install

pnpm add @l4dybird/nuxt-ui-preset-unocss-unplugin @nuxt/ui vue
pnpm add -D vite @vitejs/plugin-vue unocss @unocss/vite

Usage

// vite.config.ts
import ui from "@nuxt/ui/vite";
import vue from "@vitejs/plugin-vue";
import UnoCSS from "@unocss/vite";
import { defineConfig } from "vite";
import { nuxtUiUnpluginVite } from "@l4dybird/nuxt-ui-preset-unocss-unplugin/vite";

export default defineConfig({
  plugins: [
    nuxtUiUnpluginVite(),
    vue(),
    ui({ router: false, colorMode: false, dts: false }),
    UnoCSS(),
  ],
});

// uno.config.ts
import { defineConfig } from "unocss";
import { createNuxtUiUnoPresets } from "@l4dybird/nuxt-ui-preset-unocss-unplugin";

export default defineConfig({
  presets: createNuxtUiUnoPresets(),
});

Exports

• createNuxtUiUnoPresets: creates the base UnoCSS preset plus presetNuxtUi
• patchNuxtUiUnoViteConfig: strips Tailwind from Vite/PostCSS config and aliases tailwindcss/colors
• nuxtUiUnpluginVite: Vite plugin entry for config patching

Full monorepo documentation: nuxt-ui-preset-unocss