whichdevtool?
Menu
StacksDirectory Pricing changes Glossary
VPS and cloud servers App hosting and PaaS Managed databases Transactional email APIs Email marketing and newsletters Domain registrars CDN, DNS and edge security Monitoring, uptime and error tracking Auth and identity Frontend and full-stack frameworks Backend frameworks UI component libraries AI model APIs File and object storage Payments and billing Background jobs, queues and workflows ORMs and database toolkits

Styled Vue component library on Reka UI and Tailwind · by NuxtLabs (Vercel)

Nuxt UI

A free Vue component library with 125+ Tailwind CSS components on Reka UI; v4 (September 2025) merged the paid Nuxt UI Pro into it, including templates and the Figma kit.

Visit ui.nuxt.com ↗ Alternatives Open source Open source
Nuxt UI homepage
§1

Overview

Nuxt UI is a Vue component library built on Reka UI for accessibility, Tailwind CSS v4 for styling and Tailwind Variants for its variant and theming system. It offers 125+ components covering forms, overlays, navigation, data tables and higher-level page and dashboard building blocks, plus prose components for Nuxt Content.

Nuxt UI v4 was released on 23 September 2025. Following NuxtLabs joining Vercel in July 2025, it unified Nuxt UI and the previously paid Nuxt UI Pro into one free @nuxt/ui package, released the Figma kit for free and opened all templates (starter, landing, docs, SaaS, dashboard, chat, portfolio, changelog). Pro users migrate by swapping @nuxt/ui-pro for @nuxt/ui and renaming the uiPro config key.

Despite the name, Nuxt is optional: Vite and Vue plugins make it work in plain Vue projects, including Inertia and Laravel or Adonis setups, with some Nuxt-specific features such as auto-imports needing extra configuration. It integrates Iconify icons, color mode and i18n in 50+ languages.

§2

Pricing and plans

Plan Price What you get
Open source Free 125+ components, templates and Figma kit

No paid tier since Nuxt UI v4 (23 September 2025), which folded the formerly paid Nuxt UI Pro into the free library.

Source: ui.nuxt.com/docs/getting-started · prices as published, excluding tax.

§3

What it does

125+ components
From Button to DashboardSidebar, data tables, forms, overlays and page sections.
Reka UI accessibility
WAI-ARIA semantics, keyboard navigation and focus management from Reka UI.
Tailwind Variants theming
Type-safe variants and slot-level overrides through app config.
Free templates
Starter, landing, docs, SaaS, dashboard, chat, portfolio and changelog templates.
Figma kit
A free Figma kit with 2,000+ component variants mirroring the library.
AI tooling
llms.txt endpoints and an MCP server for coding assistants.
§4

Strengths and limitations

Strengths

  • Everything, including former Pro features, is free
  • Works in Nuxt and plain Vue
  • Backed by NuxtLabs, part of Vercel
  • Strong fit with Nuxt Content for docs and marketing sites

Limitations

  • Requires Tailwind CSS v4
  • Vue only
  • Some Nuxt conveniences need extra setup in plain Vue
  • Major versions (v2 to v3 to v4) have required migrations
§5

Who it suits

Good for

  • Nuxt apps, SaaS sites and dashboards
  • Vue teams on Tailwind
  • Docs and content sites with Nuxt Content

Look elsewhere if

  • Teams wanting Material Design (see Vuetify)
  • Projects not using Tailwind
§6

Pricing history

  • Nuxt UI v4 makes Nuxt UI Pro free

    Released 23 September 2025: the paid Nuxt UI Pro was merged into the free, open-source @nuxt/ui package, along with all templates and the Figma kit. Source ↗

§7

Alternatives to Nuxt UI

Tool From Free option Stages
shadcn/ui Copy-in React component collection and registry CLI
— Open source
Flowbite Tailwind CSS components with vanilla JS, plus paid Pro kit
— Free tier
Vuetify Material Design component framework for Vue
— Open source
Bits UI Headless accessible Svelte components
— Open source
Mantine Styled React component library and hooks
— Open source
Angular Material Official Material Design components for Angular
— Open source

All UI component libraries →

§8

Questions

Is Nuxt UI Pro still paid?

No. Nuxt UI v4 merged Nuxt UI Pro into the free, open-source @nuxt/ui package on 23 September 2025.

Can I use Nuxt UI without Nuxt?

Yes. It works in plain Vue projects through its Vite and Vue plugins.

What is Nuxt UI built on?

Reka UI for accessible primitives, Tailwind CSS v4 and Tailwind Variants.

Sources read for this page