基于VUE生态下的UI框架，你知道几个？

- 日理万妓 2022-02-04 03:53 283阅读 0赞

# **1.elementUI** #

![基于VUE生态下的UI框架，你知道几个？][VUE_UI]

element ui框架的按钮组件

这个放第一位不足为奇，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。

> 项目地址：http://element-cn.eleme.io

# **2.iview** #

![基于VUE生态下的UI框架，你知道几个？][VUE_UI 1]

这个UI框架是对标elementUI而生的，最大优点是官方有桌面版配置工具，只需使用鼠标就可以构建一个基于iview+vue的应用，免去手巧命令的烦恼。最新的版本为3.x。建议对elementUI框架审美疲劳的同学可以尝试这个呦。官方网站的文档和例子基本上你是小白也能学明白。

> 项目地址：https://www.iviewui.com/

# **3.zanUI** #

![基于VUE生态下的UI框架，你知道几个？][VUE_UI 2]

由有赞团队开源的移动端UI框架，对于移动电商应用的开发来说，有很多写好的页面组件，可以直接拿来使用。当然zanUI的样式也是很好看的。当然也有PC端组件，和小程序端。zanUI一共分三个版本，针对移动端的为vantUI，PC端为zentUI，小程序端为Vant Weapp。

> 项目地址：https://www.youzanyun.com/zanui

# **4.onsenUI** #

![基于VUE生态下的UI框架，你知道几个？][VUE_UI 3]

onsenUI的组件样式

这个UI框架是国外开发，所以UI设计，很多都是迎合国外用户，对于国内用户，可能不是很好看，但是做为主打海外市场的应用，这个UI框架还是值得去使用的。

> 项目地址：https://onsen.io/

# **5.mintUI** #

![基于VUE生态下的UI框架，你知道几个？][VUE_UI 4]

这个是一个中规中矩的移动端UI框架，适合移动端的绝大部分场景。

> 项目地址：https://mint-ui.github.io/\#!/zh-cn

# **6.museUI** #

![基于VUE生态下的UI框架，你知道几个？][VUE_UI 5]

这个框架还是比较有特色的，不管怎么说，这类不随波逐流的UI框架已经很少见了，但是还是建议使用在主打海外市场的应用上。

> 项目地址：https://muse-ui.org/\#/zh-CN

[VUE_UI]: /images/20220204/dc20cb996e7f4d558aea6e18c04bacc1.png
[VUE_UI 1]: http://p99.pstatp.com/large/pgc-image/15343449335650a984c0ea0
[VUE_UI 2]: http://p9.pstatp.com/large/pgc-image/1534345335971afaebb8762
[VUE_UI 3]: /images/20220204/239d78c39d6b4963a72f325651719675.png
[VUE_UI 4]: http://p99.pstatp.com/large/pgc-image/15343459028454fb4b5e5e4
[VUE_UI 5]: /images/20220204/cb0b0430cf2d44ddb81e41d4ec16c6cd.png