Nuxt UI 2.10 is out!

A UI Library for Modern Web Apps

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.

Get Started

Everything you expect from a UI component library

Color Palette

Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly.

Color Palette

Fully Customizable

Change the style of any component in your App Config or customize them specifically through the ui prop.

Fully Customizable

Icons

Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop.

Icons

Light & Dark

Every component is designed with dark mode in mind. Works out of the box with @nuxtjs/color-mode.

Light & Dark

Keyboard Shortcuts

Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app.

Keyboard Shortcuts
Explore docs

A collection of 30+ components

Get access to 30+ beautifully designed and fully customizable components built for Nuxt. These components are updated regularly to ensure that you always have the latest features and functionalities.

Elements
Elements9
Forms
Forms10
Data
Data1
Navigation
Navigation4
Overlays
Overlays6
Layout
Layout3
Explore components

Trusted and supported by our amazing community

46K+

monthly downloads

2.3K+

stars

Upgrade to UI Pro for more components

Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
It includes all primitives to build landing pages, documentation, blogs, changelog, dashboards or entire SaaS products.

Upgrade to <span class="text-primary">UI Pro</span> for more components
Explore Pro