基于 Ant Design 设计规范的企业级 Vue UI 组件库，同时支持 Vue 2 与 Vue 3。
2.2万3890VueOther更新于 9天前
tusen-ai/naive-ui
基于 Vue 3 的组件库，提供 90 多个支持 Tree Shaking 的 TypeScript 组件和类型安全的主题定制。
- Star
- 18,576
- Fork
- 1,861
- 未关闭 Issue
- 709
- 最近提交
- 17天前
这是什么？
Naive UI 是一个基于 Vue 3 的组件库，使用 TypeScript 编写。它提供 90 多个组件，并支持 Tree Shaking，可以按需引入，未使用的组件不会被打包进产物。
主题通过一个 JavaScript 的 theme overrides 对象进行定制，无需使用 Less、Sass 或 CSS 变量，也不需要配置 webpack loader。组件不需要单独引入 CSS 文件。表格、选择器等数据类组件默认使用虚拟列表。
项目推荐使用 xicons 作为图标库，并可通过 vfonts 引入字体，同时提供 Sketch 设计资源供设计师使用。
核心功能
- 01提供 90 多个组件，均支持 Tree Shaking。
- 02通过类型安全的 theme overrides 对象定制主题。
- 03主题定制无需 Less、Sass、CSS 变量或 webpack loader。
- 04使用 TypeScript 编写，可无缝集成到 TypeScript 项目中。
- 05使用组件无需单独引入 CSS 文件。
- 06数据类组件默认使用虚拟列表。
适用场景
- 在 Vue 3 项目中搭建管理后台或内部系统界面。
- 通过 JavaScript 对象定制主题，构建统一的设计风格。
- 开发需要大量表单和数据组件的 TypeScript Vue 应用。
快速上手
- 1
从 npm 安装该库
npm i naive-ui - 2
安装推荐的字体包
npm i vfonts - 3
访问文档网站开始使用组件
使用前须知
- 需要 Vue 3，不支持 Vue 2。
标签
常见问题
- naive-ui 是什么？
- 基于 Vue 3 的组件库，提供 90 多个支持 Tree Shaking 的 TypeScript 组件和类型安全的主题定制。 Naive UI 是一个基于 Vue 3 的组件库，使用 TypeScript 编写。它提供 90 多个组件，并支持 Tree Shaking，可以按需引入，未使用的组件不会被打包进产物。
- naive-ui 可以免费使用吗？用的什么许可证？
- naive-ui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- naive-ui 还在维护吗？
- 活跃维护中。naive-ui 最近一次提交是在 2026年10月5日。
- naive-ui 适合用来做什么？
- 在 Vue 3 项目中搭建管理后台或内部系统界面。 通过 JavaScript 对象定制主题，构建统一的设计风格。 开发需要大量表单和数据组件的 TypeScript Vue 应用。
- naive-ui 怎么安装和运行？
- 从 npm 安装该库: npm i naive-ui 安装推荐的字体包: npm i vfonts 访问文档网站开始使用组件
- 在哪里获取 naive-ui？
- 源代码和安装说明在 GitHub 上：https://github.com/tusen-ai/naive-ui
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
基于 React 19 与 StyleX 构建的开源设计系统，提供 150 多个无障碍组件、主题和 CLI。
1.4万1180TypeScriptMIT更新于 前天
面向 React 与 Next.js 的开源动效组件库，提供 215 个以上可定制的动画组件与背景。
5万2464JavaScriptOther更新于 3天前
面向 React 的无障碍组件库与设计系统，用于快速构建 Web 应用，支持深色模式和 Next.js RSC。
4.1万3652TypeScriptMIT更新于 4天前
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库，前身为 NextUI。
3.1万2237TypeScriptApache-2.0更新于 4天前
一套开源的无样式、注重无障碍的 React UI 基础组件，用于构建设计系统和 Web 应用。
1.9万1277TypeScriptMIT更新于 7天前