Join waitlist
Back to products
Nuxt UI v4

Nuxt UI v4

Open-source UI library built with Tailwind CSS

Website ui.nuxt.com
Overview

What it is

Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt.

Intent

I need it when

Build a modern web application quickly with pre-built, accessible UI components

Nuxt UI provides 125+ production-ready, accessible components built on Reka UI and Tailwind CSS. Developers can use these pre-styled components immediately, reducing development time and ensuring WAI-ARIA compliance, keyboard navigation, and screen reader support out of the box.

Develop a dashboard or admin interface with complex layouts and data visualization

Nuxt UI includes specialized Dashboard components (DashboardGroup, DashboardPanel, DashboardSidebar, DashboardResizeHandle) plus data components like Table, Accordion, Timeline, and Tree. These enable rapid construction of sophisticated admin interfaces with resizable panels and organized navigation.

Create a consistent, customizable design system across a Vue or Nuxt application

Nuxt UI offers a CSS-first design system with semantic color aliases, runtime configuration, and Tailwind Variants API. Teams can define global themes in app.config.ts, customize colors and typography at runtime without rebuilding, and override component styles globally or per-component using slots and variants.

Build a conversational AI chatbot or chat interface

Nuxt UI v4 includes dedicated AI Chat components (ChatMessage, ChatMessages, ChatPalette, ChatPrompt, ChatReasoning, ChatTool) powered by Vercel AI SDK. These components streamline building chatbot interfaces with message display, reasoning visualization, and tool invocation status.

Launch a marketing website or SaaS landing page with minimal setup

Nuxt UI provides production-ready templates (Landing, SaaS, Docs, Portfolio, Changelog) and pre-built page components (PageHero, PageFeature, PricingPlan, BlogPost). These templates are SEO-optimized, fully responsive, and customizable, enabling rapid deployment of marketing sites.

Drop

Not a fit when

  • You need Material Design styling (consider Vuetify instead)
  • You require Ant Design components (consider ant-design-vue instead)
  • You prefer copying components into your repository rather than using a library (consider shadcn-vue instead)
  • You need cross-platform support for mobile and desktop apps (consider Quasar instead)
  • You want only unstyled headless primitives without pre-built styling (consider Reka UI or Headless UI instead)
  • You are building a non-Tailwind CSS project and cannot adopt Tailwind as a dependency
Commercials

Pricing

Free and open source under MIT license