8个优秀的前端UI框架

小鱼儿 2022-10-24 13:28 112阅读 0赞

### 一.Mint UI ###

官网：[https://mint-ui.github.io/\#!/zh-cn][https_mint-ui.github.io_zh-cn]  
Github: [https://github.com/ElemeFE/mint-ui/][https_github.com_ElemeFE_mint-ui]

由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。

### 二.WeUI ###

官网地址：[https://weui.io/][https_weui.io]  
Github: [https://github.com/weui/weui.git][https_github.com_weui_weui.git]

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

### 三.iView UI ###

官网地址：[https://www.iviewui.com][https_www.iviewui.com]  
Github: [https://github.com/TalkingData/iview-weapp][https_github.com_TalkingData_iview-weapp]

一套基于 Vue.js 的高质量UI 组件库，主要服务于 PC 界面的中后台产品，过去的两年里，iView 开源项目已经帮助成千上万的开发者快速完成网站开发，大幅度提高了开发效率，成为 Vue.js 生态里重要的一部分。

### 四.layui ###

官网地址:[https://www.layui.com][https_www.layui.com]  
Github: [https://github.com/sentsin/layui/][https_github.com_sentsin_layui]  
经典模块化前端框架由职业前端倾情打造，面向所有层次的前后端开发者，零门槛开箱即用的前端UI解决方案 ，在年度最受欢迎的框架排名榜上也是前三名的。

### 五. ElementUI ###

官网地址:[http://element-cn.eleme.io/\#/zh-CN][http_element-cn.eleme.io_zh-CN]  
Github: [https://github.com/ElementUI/element-starter][https_github.com_ElementUI_element-starter]

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

### 六.vant UI ###

官网地址：[https://youzan.github.io/vant/\#/zh-CN/intro][https_youzan.github.io_vant_zh-CN_intro]  
Github: [https://github.com/youzan/vant][https_github.com_youzan_vant]

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用

### 七. Flutter ###

官网:[https://flutterchina.club/][https_flutterchina.club]  
Github: [https://github.com/flutter/flutter][https_github.com_flutter_flutter]

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面，前端对于 Flutter 的热忱度之高一度让人有点惊讶，事实上我在 Flutter 社区内见到的客户端开发者远多于前端开发，不过前端对于跨端解决方案确实有着天然的渴求。

###  八.**MUI** ###

官网：[http://dev.dcloud.net.cn/mui/][http_dev.dcloud.net.cn_mui]

Github：[https://github.com/dcloudio/mui][https_github.com_dcloudio_mui]

MUI 是以 IOS 为主体设计的，当然它也补充了android特有UI样式。

[https_mint-ui.github.io_zh-cn]: https://links.jianshu.com/go?to=https%3A%2F%2Fmint-ui.github.io%2F%23%21%2Fzh-cn
[https_github.com_ElemeFE_mint-ui]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FElemeFE%2Fmint-ui%2F
[https_weui.io]: https://links.jianshu.com/go?to=https%3A%2F%2Fweui.io%2F
[https_github.com_weui_weui.git]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fweui%2Fweui.git
[https_www.iviewui.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fwww.iviewui.com
[https_github.com_TalkingData_iview-weapp]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FTalkingData%2Fiview-weapp
[https_www.layui.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fwww.layui.com
[https_github.com_sentsin_layui]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fsentsin%2Flayui%2F
[http_element-cn.eleme.io_zh-CN]: https://links.jianshu.com/go?to=http%3A%2F%2Felement-cn.eleme.io%2F%23%2Fzh-CN
[https_github.com_ElementUI_element-starter]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FElementUI%2Felement-starter
[https_youzan.github.io_vant_zh-CN_intro]: https://links.jianshu.com/go?to=https%3A%2F%2Fyouzan.github.io%2Fvant%2F%23%2Fzh-CN%2Fintro
[https_github.com_youzan_vant]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fyouzan%2Fvant
[https_flutterchina.club]: https://links.jianshu.com/go?to=https%3A%2F%2Fflutterchina.club%2F
[https_github.com_flutter_flutter]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fflutter%2Fflutter
[http_dev.dcloud.net.cn_mui]: http://dev.dcloud.net.cn/mui/
[https_github.com_dcloudio_mui]: https://github.com/dcloudio/mui