nuxtlabs / ui

Fully styled and customizable components for Nuxt.

Nuxt UI

Nuxt UI provides everything related to UI when building Nuxt applications: components, icons, colors, dark mode and also keyboard shortcuts.

Is has been developed by NuxtLabs for Volta, Nuxt Studio and the Nuxt community.

Features

• Built with Headless UI and Tailwind CSS
• HMR support through Nuxt App Config
• Dark mode support
• Support for LTR and RTL languages
• Keyboard shortcuts
• Bundled icons
• Fully typed

Read more on ui.nuxtlabs.com

Installation

# Using npm
npm install @nuxthq/ui

# Using yarn
yarn add @nuxthq/ui

# Using pnpm
pnpm add @nuxthq/ui

Then, register the module in your nuxt.config.ts:

export default defineNuxtConfig({
  modules: [
    '@nuxthq/ui'
  ]
})

If you want latest updates, please use @nuxthq/ui-edge in your package.json:

{
  "devDependencies": {
    "@nuxthq/ui": "npm:@nuxthq/ui-edge@latest"
  }
}

Documentation

Visit https://ui.nuxtlabs.com to explore the documentation.

Credits

• nuxt/nuxt
• nuxt-modules/color-mode
• nuxt-modules/tailwindcss
• tailwindlabs/tailwindcss
• tailwindlabs/headlessui
• vueuse/vueuse
• egoist/tailwindcss-icons

License

Licensed under the MIT license.