Nuxt UI

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
GitHub
4.22k
Created 3 years ago, last commit 20 hours ago
151 contributors
3.35k commits
Stars added on GitHub, month by month
12
1
2
3
4
5
6
7
8
9
10
11
2023
2024
Stars added on GitHub, per day, on average
Yesterday
+4
Last week
+2.9
/day
Last month
+3.8
/day
Last 12 months
+4.7
/day
npmPackage on NPM
@nuxt/ui
2.20.0
Monthly downloads on NPM
12
1
2
3
4
5
6
7
8
9
10
11
2023
2024
README

nuxt-ui.png

Nuxt UI

npm version npm downloads License Nuxt

We're thrilled to introduce Nuxt UI v3, a significant upgrade to our UI library that delivers extensive improvements and robust new capabilities. This major update harnesses the combined strengths of Reka UI, Tailwind CSS v4, and Tailwind Variants to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.

Note

You are on the v3 development branch, check out the dev branch for Nuxt UI v2.

Documentation

Visit https://ui3.nuxt.dev to explore the documentation.

Installation

pnpm add @nuxt/ui@next
yarn add @nuxt/ui@next
npm install @nuxt/ui@next
bun add @nuxt/ui@next

Nuxt

  1. Add the Nuxt UI module in your nuxt.config.ts:
export default defineNuxtConfig({
  modules: ['@nuxt/ui']
})
  1. Import Tailwind CSS and Nuxt UI in your CSS:
@import "tailwindcss";
@import "@nuxt/ui";

Learn more in the installation guide.

Vue

  1. Add the Nuxt UI Vite plugin in your vite.config.ts:
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'

export default defineConfig({
  plugins: [
    vue(),
    ui()
  ]
})
  1. Use the Nuxt UI Vue plugin in your main.ts:
import { createApp } from 'vue'
import ui from '@nuxt/ui/vue-plugin'
import App from './App.vue'

const app = createApp(App)

app.use(ui)

app.mount('#app')
  1. Import Tailwind CSS and Nuxt UI in your CSS:
@import "tailwindcss";
@import "@nuxt/ui";

Learn more in the installation guide.

Credits

License

Licensed under the MIT license.