Nuxt UI V4 版本发布，同时宣布所有 Pro 组件免费开源！

萌萌哒草头将军

发布于 2025-11-17 19:37:45

980

文章被收录于专栏：前端框架前端框架

前言

Nuxt UI v4版本发布，这一次更新将原本的 Pr o付费功能完全开源免费，

Nuxt UI v4 发布了

提供超过 110 个组件、 12 个模板和完整的 Figma 设计套件。

正文

下面是更新的主要内容：

统一包的全面工具链

这次发布将 Nuxt UI 和 Nuxt UI Pro 统一为单一的开源包 @nuxt/ui，所有高级组件和模板现已免费开放，彻底降低了构建高质量 Vue/Nuxt 应用的门槛。

Nuxt UI v4 的核心覆盖了组件库、模板和内容渲染，兼容 Vue、Nuxt、Adonis 和 Laravel 框架：

一个典型的模板示例展示了其简洁性：

<template>
  <UApp>
    <UHeader>
      <UNavigationMenu :items="navigation" />
      <template #right>
        <UColorModeButton />
        <UButton icon="i-simple-icons-github" />
      </template>
    </UHeader>
    <UPageHero
      title="Nuxt UI - Starter"
      description="Nuxt UI is a free and open-source UI library for Nuxt applications. Create beautiful & responsive applications in minutes."
      :links="heroLinks"
    />
    <UPageSection
      title="The freedom to build anything"
      description="Nuxt UI ships with a comprehensive set of components that cover a wide range of use-cases. Carefully crafted to reduce boilerplate code without sacrificing flexibility."
      :features="features"
    />
    <UPageSection title="Pricing">
      <UPricingPlans :plans="plans" />
    </UPageSection>
    <UPageSection>
      <UPageCTA
        title="Start with Nuxt UI today!"
        description="Nuxt UI is a free and open-source UI library for Nuxt applications."
        variant="subtle"
        :links="ctaLinks"
      />
    </UPageSection>
    <UFooter :items="footerItems" />
</UApp>
</template>

上面的代码渲染之后是这样的：