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.
Note
You are on the v3
development branch, check out the v2 branch for Nuxt UI v2.
Tip
Looking for more components ? Check out Nuxt UI Pro, a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
Visit https://ui.nuxt.com to explore the documentation.
nuxt.config.ts
:export default defineNuxtConfig({ modules: ['@nuxt/ui'] })
@import "tailwindcss"; @import "@nuxt/ui";
Learn more in the installation guide.
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() ] })
main.ts
:import { createApp } from 'vue' import { createRouter, createWebHistory } from 'vue-router' import ui from '@nuxt/ui/vue-plugin' import App from './App.vue' const app = createApp(App) const router = createRouter({ routes: [], history: createWebHistory() }) app.use(router) app.use(ui) app.mount('#app')
@import "tailwindcss"; @import "@nuxt/ui";
Learn more in the installation guide.
Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:
Follow the docs to set up your local development environment and contribute.
Licensed under the MIT license.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4