Nuxt UI：Nuxt 官方 UI 库，2025 起 Pro 免费合并

Nuxt UI 是 Nuxt 官方的 UI 库，基于 Tailwind CSS，提供一百多个组件和整页级的 Sections。2025 年官方把原先收费的 Nuxt UI Pro 合并进来，整库完全免费开源。

它解决什么问题

Nuxt 项目想要官方维护、深度适配自动导入与 SSR 的 UI 库，避免和框架机制打架。

过去 Pro 收费把一部分人挡在门外，免费与付费功能割裂，选型时得算清楚。

核心能力

只适合 Nuxt 项目

Nuxt UI 深度绑定 Nuxt，自动导入、SSR、SEO 都是开箱适配，用起来和框架机制不打架。2025 年官方把原收费的 Nuxt UI Pro 合并进来，整库完全免费开源。

但它是 Nuxt 专属，非 Nuxt 的普通 Vue 项目想用要额外桥接，成本高。如果你做的是 Nuxt 站点，它是首选；否则看其他 Vue 组件库更合适。

同类工具怎么选

谁适合用

• Nuxt 项目，要官方维护、深度适配的 UI 库
• 做落地页、仪表盘，需要整页 Sections 的人
• 希望 Pro 功能免费、基于 Tailwind 的团队

怎么开始

1. 执行 npx nuxi module add @nuxt/ui 接入 Nuxt 项目。
2. 只需 Nuxt 项目，非 Nuxt 的 Vue 项目集成成本高。
3. 组件基于 Tailwind，先装好 Tailwind 再配置模块。
4. 提供整页 Sections，落地页/仪表盘直接套用。
5. 2025 起 Pro 与免费版合并，全部免费开源。

常见问题

非 Nuxt 项目能用吗？
成本高，它深度绑定 Nuxt；普通 Vue 项目建议换其他库。

Pro 现在收费吗？
2025 起原收费 Pro 已并入 @nuxt/ui，整库完全免费开源。

基于什么写的？
基于 Tailwind CSS，提供 100+ 组件与整页级 Sections。

有设计资源吗？
附赠 Figma Kit，设计与开发共用同一套组件。

授权与合规

采用 MIT 协议开源免费，可商用、可修改；2025 年起原收费的 Pro 已并入 @nuxt/ui，整库完全免费开源。 官网：ui.nuxt.com。