Fully styled and customizable components for Nuxt.

NuxtLabs UI

This module has been developed by NuxtLabs for Volta and Nuxt Studio. It provides everything related to UI when building a Nuxt application, including components, icons, colors, dark mode and also keyboard shortcuts.

Features

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

Installation

yarn add --dev @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 http://ui.nuxtlabs.com to view 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.