Nuxt UI 2.11 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.

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

A collection of 40+ components

Get access to 40+ 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.

Trusted and supported by our amazing community

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