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.
- 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.nuxt.com
# Using npm
npm install @nuxt/ui
# Using yarn
yarn add @nuxt/ui
# Using pnpm
pnpm 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"
}
}
Visit https://ui.nuxt.com to explore the documentation.
- nuxt/nuxt
- nuxt-modules/color-mode
- nuxt-modules/tailwindcss
- tailwindlabs/tailwindcss
- tailwindlabs/headlessui
- vueuse/vueuse
- egoist/tailwindcss-icons
Licensed under the MIT license.