Nuxt UI

项目概述

Nuxt UI 是由 Nuxt 官方核心团队倾力打造的现代化组件库。底层深度整合了 Tailwind CSS 与 Reka UI（原 Radix Vue），为全栈 Vue 3 与 Nuxt 开发者提供顶级的开发体验、自动按需引入与严苛的无障碍合规性。

核心特性

• ⚡️ Tailwind 原生驱动：所有组件样式均由 Tailwind 原子类构建，支持通过 ui 属性进行细粒度样式重载。
• ♿️ 坚固的无头基建（Reka UI）：弹窗、下拉菜单与复杂交互控件完整继承了工业级键盘焦点与 ARIA 标准。
• Nuxt 原生自动导入：在 Nuxt 3 环境中即写即用，零手动 import 引入，开发效率拉满。
• 图标体系原生整合：内置 @nuxt/icon 支持，直接通过类名即可调用全网数十万款矢量图标。

快速上手与示例代码

npx nuxi@latest module add ui

<template>
  <UButton color="primary" variant="solid" icon="i-lucide-rocket">
    启动全栈应用
  </UButton>
</template>

技术选型建议与适用场景

• 非常适合：Nuxt 3 全栈项目、现代化营销落地页、开发文档站以及重度依赖 Tailwind CSS 的 Vue 团队。
• 不适用场景：非 Vue/Nuxt 生态环境下的 React 或 Angular 项目。