Nuxt UI
A UI library for modern Vue and Nuxt applications. Powered by Tailwind CSS and Reka UI (Radix Vue) for full accessibility.
Overview
Nuxt UI is the official component library created by the Nuxt core team. Built on top of Tailwind CSS and Reka UI (formerly Radix Vue), it delivers fully accessible, highly customizable components with native Vue 3 and Nuxt integration.
Key Features
- Tailwind-Native Architecture: Built directly with Tailwind CSS classes, easily customizable via the
uiprop. - Headless Primitives (Reka UI): Production-grade keyboard navigation, focus management, and ARIA attributes.
- Universal Auto-Imports: Zero manual imports required in Nuxt applications.
- Nuxt UI Pro Addons: Access to pre-built landing page blocks, documentation templates, and dashboard scaffolding.
Installation & Quick Start
npx nuxi@latest module add ui<template>
<UButton color="primary" variant="solid" icon="i-lucide-rocket">
Launch Project
</UButton>
</template>Why Choose Nuxt UI?
- Best for: Nuxt 3 full-stack web applications, modern documentation portals, and developer-first SaaS products.
- Not suitable for: React or Svelte web projects outside the Vue/Nuxt ecosystem.
Comments & Discussion
No comments yet. Be the first to share your experience or thoughts!
Related libraries
Curated by category & stack
Ambient CSS
A physics-based lighting system for CSS calibrated against Blender raytraces. Define a light source, and all shadows, highlights, and gradients follow deterministically.
nxui (Vue)
A collection of 230+ beautiful animated Vue 3 components built with Tailwind CSS v4 and motion-v. Copy, paste, and ship with Nuxt 4 and shadcn-vue.
8bitcn/ui
Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.