nuxt-ui-v4

# Nuxt UI v4 - Production Component Library **Version**: Nuxt UI v4.6+ | Nuxt v4.0.0 | **125+ Components** **Last Verified**: 2026-03-30 A comprehensive production-ready component library with 125+ accessible components, Tailwind CSS v4, Reka UI accessibility, and first-class AI integration. Works with Nuxt and plain Vue apps (Vite, Inertia, SSR). **MCP Integration**: This plugin includes the official Nuxt UI MCP server for live component data. --- ## When to Use / NOT Use **Use when**: Building Nuxt v4 dashboards, AI chat interfaces, landing pages, forms, admin panels, pricing pages, blogs, documentation sites, or any UI with Nuxt UI components **DON'T use**: React projects, Nuxt 3 or earlier, Tailwind CSS v3. Vue-only projects ARE supported via Vite plugin. --- ## Quick Start ```bash bunx nuxi init my-app && cd my-app bun add @nuxt/ui tailwindcss ``` ```typescript // nuxt.config.ts export default defineNuxtConfig({ modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) ``` ```css /* assets/css/main.css */ @import "tailwindcss"; @import "@nuxt/ui"; ``` ```vue <!-- app.vue --> <template><UApp><NuxtPage /></UApp></template> ``` **Or use a template**: ```bash npm create nuxt@latest -- -t ui # Starter npm create nuxt@latest -- -t ui/dashboard # Dashboard npm create nuxt@latest -- -t ui/chat # AI Chat npm create nuxt@latest -- -t ui/landing # Landing page npm create nuxt@latest -- -t ui/saas # SaaS npm create nuxt@latest -- ...