@nuxt/ui-pro

Nuxt UI Pro

Welcome to the Pro version of Nuxt UI. Previously named Nuxt Elements.

Setup

Update your package.json to the following:

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

Then run pnpm install, yarn install or npm install.

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

Next, add it to your nuxt.config.ts:

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>

Note: If you purchased Nuxt UI Pro on Stripe, you can keep using the same license key but using NUXT_UI_PRO_TOKEN instead of NUXT_UI_PRO_LICENSE.

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

License

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