naive-ui

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
naive-ui
2.38.24 days ago5 years agoMinified + gzip package size for naive-ui in KB

Readme


Naive UI

一个 Vue 3 组件库

比较完整,主题可调,使用 TypeScript,快

有点意思


English | 中文

文档

www.naiveui.com

社区

  • Discord
  • 钉钉一群 33482509 (已满)
  • 钉钉二群 35886835 (已满)
  • 钉钉三群 32377370 (已满)
  • 钉钉四群 8165002788 (已满)
  • 钉钉五群 31205022250
  • 钉钉六群 62720001971


钉钉群加入方法:在搜索框中搜索群号,点击下拉框中更多分组内的网络查找公开群组

特性

比较完整

有超过 90 个组件,希望能帮你少写点代码。
顺便一提,它们全都可以 treeshaking。

主题可调

我们提供了一个使用 TypeScript 构建的先进的类型安全主题系统。你只需要提供一个样式覆盖的对象,剩下的都交给我们。
顺便一提,不用 less、sass、css 变量,也不用 webpack 的 loaders。以及你可以试试右下角的主题编辑器。

使用 TypeScript

Naive UI 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。
顺便一提,你不需要导入任何 CSS 就能让组件正常工作。

我尽力让它不要太慢。至少 select、tree、transfer、table、cascader 都可以用虚拟列表。
顺便一提,...,没有顺便了。祝你使用愉快。

安装

npm

使用 npm 安装。
npm i -D naive-ui

字体

npm i -D vfonts

图标

naive-ui 建议使用 xicons 作为图标库。

设计资源

Naive UI (Sketch)

贡献

请参考 CONTRIBUTING.zh-CN.md

许可

Naive UI 使用 MIT license 许可证书。
result 组件的图像资源来自于 Twemoji,遵守 CC-BY 4.0 许可。