Welcome to Nuxt UI
Nuxt UI harnesses the combined strengths of Reka UI, Tailwind CSS, and Tailwind Variants to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.Key Features
170+ Components
Comprehensive library of accessible, production-ready Vue components.
Built on Reka UI
Leverages Reka UI primitives for accessible, unstyled component foundations.
Tailwind CSS
Utility-first styling with Tailwind CSS v4 for rapid customization.
TypeScript Support
Fully typed components and composables for enhanced developer experience.
Nuxt & Vue
Works seamlessly with both Nuxt 4+ and standalone Vue 3 applications.
Tailwind Variants
Powerful theming system with Tailwind Variants for flexible component styling.
Get Started
Quickstart
Get up and running with Nuxt UI in minutes.
Nuxt Installation
Detailed setup guide for Nuxt applications.
Vue Installation
Detailed setup guide for standalone Vue applications.
Component Overview
Browse the complete component library.
What Makes Nuxt UI Different
Nuxt UI combines enterprise-grade accessibility with developer-friendly APIs:- Accessibility First: Built on Reka UI primitives with ARIA compliance and keyboard navigation
- Flexible Theming: Customize components globally or per-instance with Tailwind Variants
- Production Ready: Battle-tested components used by thousands of applications
- Framework Agnostic: Use with Nuxt modules or as a standalone Vue library
- Modern Stack: Leverages the latest from Tailwind CSS v4 and Vue 3
Templates
Kickstart your project with one of our ready-to-use templates:- Starter — Minimal template to get started
- Landing — Modern landing page with Nuxt Content
- Docs — Documentation template
- SaaS — Complete SaaS template
- Dashboard — Multi-column dashboard
- Chat — AI chatbot with persistent history