@nuxt/ui-pro

Nuxt UI Pro

Welcome to the Pro version of Nuxt UI.

Installation

# npm
npm install @nuxt/ui-pro
# yarn
yarn add @nuxt/ui-pro
# pnpm
pnpm add @nuxt/ui-pro

Note that @nuxt/ui-pro will also install @nuxt/ui as dependency to your project.

Next, add it to your nuxt.config.ts in the extends property:

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

Start your development server, you should now be able to use all the components, composables and utils from Nuxt UI Pro 🚀

License Key

Once you've purchased Nuxt UI Pro, you will receive an email with a license key to activate. Visit https://ui.nuxt.com/pro/activate to activate your license with your GitHub username and license key.

Then, use your license key in your .env file:

# .env
NUXT_UI_PRO_LICENSE=<your-license-key>

If you have multiple projects on your machine, you can also add it to your ~/.nuxtrc:

uiPro.license=<your-token>

Documentation

As we are in early stages, the docs is not ready yet, but you can have a look at the components/ directory.

Also, we have open source projects using it in production:

• Nuxt.com
• Nuxt Image
• Vue Email
• Unhead
• Oku

When using the Nuxt Devtools, you can see the list of components injected by Nuxt UI Pro in the "Components' tab:

License

In progress. You cannot repackage Nuxt UI Pro or copy/paste the components into premium templates, UI libraries or open source projects.