@nuxt/ui-pro

Nuxt UI Pro

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

Important

This project is currently under heavy development (only edge versions) and is subject to many breaking changes, please read & subscribe to our changelog.

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 Image
• Vue Email
• Unhead

License

In progress.