The Building Blocks for
Modern Web Apps

Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
It includes all primitives to build landing pages, documentation, blogs, changelog, dashboards or entire SaaS products.

The freedom to build anything

Nuxt UI Pro ships with an extensive set of advanced components that cover a wide range of use-cases. Carefully crafted to reduce boilerplate code without sacrificing flexibility.

Fully customizable
Like Nuxt UI, change the style of any component from your App Config or customize them specifically through the ui prop.
Slots for everything
Each component leverages the power of Vue's slots to give you the flexibility to build anything.
Responsive by design
Nuxt UI Pro components aims to structure your content, they are responsive by design and will adapt to any screen size.
app.vue
<script setup lang="ts">
const links = [
  { to: '/', label: 'Home' },
  { to: '/about', label: 'About' },
  { to: '/contact', label: 'Contact' }
]
</script>

<template>
  <UHeader :links="links" />

  <UMain>
    <ULandingHero title="Hello World" />

    <ULandingSection title="Features">
      <UPageGrid>
        <ULandingCard title="First Card" />
        <ULandingCard title="Second Card" />
        <ULandingCard title="Third Card" />
      </UPageGrid>
    </ULandingSection>
  </UMain>

  <UFooter />
</template>

The flexibility to control your data

Although you can use any data source you want, Nuxt UI Pro is fully integrated with Nuxt Content and provides additional features when the module is detected.

Write Markdown with ease
Nuxt UI Pro overrides Nuxt Content prose components to make them awesome but also adds new ones like Callout, CodeGroup, Field, etc.
Beautiful Typography styles
Tailwind CSS typography plugin is pre-configured and styled to match Nuxt UI components and colors.
Full-Text Search out of the box
Nuxt UI Pro ships with a ready to use command palette component. No need to setup Algolia DocSearch anymore.
pages/[...slug].vue
<script setup lang="ts">
const route = useRoute()

const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne())
</script>

<template>
  <UPage>
    <UPageHeader :title="page.title" :description="page.description" :links="page.links" />

    <UPageBody prose>
      <ContentRenderer v-if="page.body" :value="page" />
    </UPageBody>

    <template #right>
      <UDocsToc :links="page.body.toc.links" />
    </template>
  </UPage>
</template>

Build your docs in seconds

Whether you're creating documentation for your open source project or explaining your product, Nuxt UI Pro has you covered.

Published under MIT License
Getting Started

Installation

Learn how to install and configure the module in your Nuxt app.

Start with a landing page

Stop wasting time building another landing page, Nuxt UI Pro flexible components will allow you to focus on your content.

Build your docs in seconds

Whether you're creating documentation for your open source project or explaining your product, Nuxt UI Pro has you covered.

Get started with templates

Use the minimal starter, one of the more advanced templates or put the pieces together to build a
complex application with a landing page, documentation, blog, changelog, pricing page, dashboard, etc.

Starter

Use this template
Starter

Landing

Use this template
Landing

Docs

Use this template
Docs

Blog

Coming soon
Blog

Changelog

Coming soon
Changelog

Dashboard

Coming soon
Dashboard

Buy once, use forever

Nuxt UI Pro is a one time purchase, you will get all the updates and support forever.

Free

Get started for free in development.

-

  • Access all components
  • Unlimited updates
  • Upgrade when ready to deploy
Get started for Free

Solo

For bootstrappers and indie hackers.

$299

$199

  • One developer
  • Unlimited projects
  • Access to the GitHub repository
  • Unlimited minor & patch updates
  • Lifetime access
Buy now

Team

Unlimited license for growing teams.

$899

$699

  • Up to 20 developers
  • Unlimited projects
  • Everything in Pro
  • Prioritized feature requests
  • Unlimited minor & patch updates
  • Lifetime access
Buy now

Frequently Asked Questions

If you can't find what you're looking for, email our support team and if you're lucky someone will get back to you.

We have much better than a free trial, you can use Nuxt UI Pro for free in development mode. Once you are ready to deploy your application, you can purchase a license.

Yes, you can use Nuxt UI Pro for your open source projects as well as your commercial projects as long as you don't sell Nuxt UI Pro as a product and that you don't share your license key.

We add new components and improvements to Nuxt UI Pro as we get new ideas and feedback, you will receive these updates for the major version you purchased.
Your license key will work forever for the major version. We may release a major version including more advanced components and features in the future, you will be able to upgrade to this version with a generous discount.

Nuxt UI Pro is a one-time purchase, with no recurring subscription. You will have access to all assets of Nuxt UI Pro forever.

Yes, we offer a 50% discount for students using Nuxt UI Pro purely for educational purposes. Contact us at ui-pro@nuxt.com with your details and we'll send you a discount code.

Once you sign up you get access to our private GitHub repository, where you can ask questions, report bugs or feature requests and get help from other customers. If you require more specialised support or consultancy, contact us at ui-pro@nuxt.com.

If you are not satisfied with Nuxt UI Pro, let us know within 14 days of your purchase at ui-pro@nuxt.com and we'll refund your money.

What people are saying

Nuxt UI Pro is already loved by many developers and companies around the world.

We were using a SaaS service for the docs site, but were left unfulfilled. We put in the effort to do it in house, with UI Pro and not only did we get complimented by a prospect on our site, but they wanted to know our platform.
Anthony Bettini

Anthony Bettini

CEO and founder of VulnCheck

UI Pro saves 100s of hours of dev and design time while delivering a clean professional look on any device.
Kevin Olson

Kevin Olson

Founder of Fume.app

Nuxt UI Pro is my go to component library. Out-of-the-box it handles all of the UI demands I throw at it while looking great. The customisation is really worth thought out, allowing you to override components in a breeze. Always amazed at the improvements dropped in each update as well, the team is doing an amazing job.
Harlan Wilton

Harlan Wilton

Nuxt core team member