流行前端几大UI框架排行榜

文章目录

前言

  此篇文章是在调研时发现的宝藏总结，其内容转载至以下网址，其中一些网址也进行了更新。

https://www.cnblogs.com/doseoer/p/11003692.html

一、UI框架的作用

  在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。

二、流行UI框架的介绍及网址

1、Mint UI

流行指数：★★★★（4颗星）
Mint UI是饿了么团队开发基于vue.js的移动端UI框架，它包含丰富的CSS和JS组件，能够满足日常的移动端开发需要。
官网：Mint UI
Github: https://github.com/ElemeFE/mint-ui/

2、WeUI

流行指数：★★★（3颗星）
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。
官网地址：WeUI
Github: https://github.com/weui/weui.git

3、Cube UI

流行指数：★★★★★（5颗星）
Cube-UI是滴滴团队开发的基于Vue.js实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
官网地址：cube-ui
Github: https://github.com/didi/cube-ui/

4、iView UI

流行指数：★★★★★★（6颗星）
iView ui是一个强大的ui库基于vue，有很多实用的基础组件比elementui的组件更丰富，主要服务于PC界面的中后台产品。使用单文件的Vue组件化开发模式，基于npm + webpack + babel开发，支持ES2015高质量、功能丰富、友好的API，自由灵活地使用空间。
官网地址：iView UI
Github: https://github.com/TalkingData/iview-weapp

5、Layui

流行指数：★★★★★★★（7颗星）
layui是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。
官网地址:Layui
Github:https://github.com/sentsin/layui/

6、Element UI
流行指数：★★★★★★★★（8颗星）
Element是饿了么前端开源维护的Vue UI组件库,组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。主要用于开发PC端的页面，是一个质量比较高的Vue UI组件库。
官网地址:Element
Github: https://github.com/ElementUI/element-starter

7、AT UI

流行指数：★★★★★★★★★（9颗星）
AI UI 是一款阿里团队创建的基于Vue 2.x的前端UI组件库，主要用于快速开发PC网站产品。它提供了一套npm + webpack + babel前端开发工作流程，CSS样式独立，即使采用不同的框架实现都能保持统一的UI风格。
官网地址:AT UI
Github: https://github.com/at-ui/at-ui/issues

8、amaze UI
流行指数：★★★★★★★★★★（10颗星）
Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式，网格，表格、表单、按钮及常用组件样式。是一个轻量级（所有CSS和JS gzip后100 kB左右）、Mobile first 的前端框架
官网地址：amaze UI
Github: https://github.com/zordius/lightncandy

9、Vant UI

流行指数：★★★★★★★★★★★（11颗星）
Vant UI是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。
官网地址：Vant
Github: https://github.com/youzan/vant

10、Flutter

流行指数：★★★★★★★★★★★★★（13颗星）
Flutter是谷歌的移动端UI框架，可在极短的时间内构建Android和iOS上高质量的原生级应用。Flutter可与现有代码一起工作,它被世界各地的开发者和组织使用,并且Flutter是免费和开源的.
官网地址:Flutter: Flutter
Github: https://github.com/flutter/flutter

11、ionic（英本版本）

流行指数：★★★★★★★★★★★（11颗星）
Ionic既是一个CSS框架也是一个Javascript UI库,Ionic是目前最有潜力的一款HTML5手机应用开发框架。通过 SASS 构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。
官网地址：ionic
Github: https://github.com/ionic-team/ionic-framework