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
• Figma Kit

Read more on ui.nuxt.com

Installation

# Using npmnpm install @nuxt/ui# Using yarnyarn add @nuxt/ui# Using pnpmpnpm add @nuxt/ui

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

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

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

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

Documentation

Visit https://ui.nuxt.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.