nuxt-ui-v4

Nuxt UI v4 is a comprehensive, production-ready component library designed for building robust Nuxt v4 applications. It provides a massive collection of over 125 accessible components that leverage the power of Tailwind CSS v4 and Reka UI for high-performance, accessible interfaces. This skill is specifically engineered for developers building modern dashboards, AI-powered chat interfaces, and rich-text editing environments. It includes specialized component categories such as Dashboard layouts, AI SDK v5-integrated chat systems with reasoning and tool-calling visualization, and TipTap-based editors. The library supports dark mode, advanced theming, and provides first-class support for Vite and SSR environments, making it an essential tool for scaling UI development in professional SaaS, documentation, and web application projects.

• 125+ accessible, themeable components including UI primitives and complex layouts like Sidebars, Navbars, and Command Palettes.

• Native AI SDK v5 integration for streaming chat messages, reasoning blocks, tool execution status, and interactive prompt handling.

• Advanced rich-text editing components powered by TipTap, including drag-and-drop handles, mention menus, and slash-command suggestion systems.

• High-performance Dashboard system with state-managed sidebar panels, resize handles, and search-focused navigation controls.

• Optimized for modern web stacks using Tailwind CSS v4, Vue, and Vite, ensuring zero-configuration compatibility for SSR and static sites.

• Built-in MCP integration for live component data and automated CLI commands like /nuxt-ui-v4:setup, /nuxt-ui:migrate, and /nuxt-ui:theme.

• Use this skill when initiating new Nuxt v4 projects, migrating existing interfaces to a design-system-driven architecture, or building feature-rich AI applications.

• Installation is streamlined via Bun or npm, requiring only basic nuxt.config.ts and css configuration to enable Tailwind CSS and the full component suite.

• The library is specifically tailored for Nuxt v4; it is not recommended for React-based projects or legacy Nuxt 3 environments.

• Developers can leverage predefined templates for AI Chat, SaaS Dashboards, Landing pages, and Portfolio sites to accelerate project bootstrapping.

• Input requirements include standard Nuxt environment variables; output provides highly accessible, semantic HTML and styled UI components that adhere to modern web accessibility standards.