在前端項目開發(fā)過程中，總是會引入一些UI框架，已為方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近經(jīng)常使用并且很流行的UI框架。

一.MintUI

MintUI是餓了么團隊開發(fā)基于vue.js的移動端UI框架，它包含豐富的CSS和JS組件，能夠滿足日常的移動端開發(fā)需要。

官網(wǎng)：https://mint-ui.github.io/#!/zh-cn

二.WeUI

WeUI是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫，由微信官方設(shè)計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計，令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、toast、article、icon等各式元素。

官網(wǎng)地址：https://weui.io/

三.cube-ui

cube-ui是滴滴團隊開發(fā)的基于Vue.js實現(xiàn)的精致移動端組件庫。支持按需引入和后編譯，輕量靈活；擴展性強，可以方便地基于現(xiàn)有組件實現(xiàn)二次開發(fā)。

官網(wǎng)地址：https://didi.github.io/cube-ui/#/zh-CN

四.iViewUI

iviewui是一個強大的ui庫基于vue，有很多實用的基礎(chǔ)組件比elementui的組件更豐富，主要服務(wù)于PC界面的中后臺產(chǎn)品。使用單文件的Vue組件化開發(fā)模式基于npm+webpack+babel開發(fā)，支持ES2015高質(zhì)量、功能豐富友好的API，自由靈活地使用空間。

官網(wǎng)地址：https://www.iviewui.com

五.layui

layui是一款采用自身模塊規(guī)范編寫的前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到API的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。

官網(wǎng)地址:https://www.layui.com

六.ElementUI

Element是餓了么前端開源維護的VueUI組件庫,組件齊全，基本涵蓋后臺所需的所有組件，文檔講解詳細，例子也很豐富。主要用于開發(fā)PC端的頁面，是一個質(zhì)量比較高的VueUI組件庫。

官網(wǎng)地址:http://element-cn.eleme.io/#/zh-CN

七.at-ui

at-ui是一款阿里團隊創(chuàng)建的基于Vue2.x的前端UI組件庫，主要用于快速開發(fā)PC網(wǎng)站產(chǎn)品。它提供了一套npm+webpack+babel前端開發(fā)工作流程，CSS樣式獨立，即使采用不同的框架實現(xiàn)都能保持統(tǒng)一的UI風格。

官網(wǎng):https://at-ui.github.io/at-ui/#/zh

八.amazeUI

AmazeUI是一個移動優(yōu)先的跨屏前端框架。提供基礎(chǔ)樣式，網(wǎng)格，表格、表單、按鈕及常用組件樣式。是一個輕量級（所有CSS和JSgzip后100kB左右）、Mobilefirst的前端框架

官網(wǎng)地址：http://amazeui.org/

九.vantUI

vantUI是有贊前端團隊基于有贊統(tǒng)一的規(guī)范實現(xiàn)的Vue組件庫，提供了一整套UI基礎(chǔ)組件和業(yè)務(wù)組件。通過Vant，可以快速搭建出風格統(tǒng)一的頁面，提升開發(fā)效率。

官網(wǎng)地址：https://youzan.github.io/vant/#/zh-CN/intro

十.Flutter

Flutter是谷歌的移動端UI框架，可在極短的時間內(nèi)構(gòu)建Android和iOS上高質(zhì)量的原生級應(yīng)用。Flutter可與現(xiàn)有代碼一起工作,它被世界各地的開發(fā)者和組織使用,并且Flutter是免費和開源的.

官網(wǎng):http://doc.flutter-dev.cn

十一.ionic

Ionic既是一個CSS框架也是一個JavascriptUI庫,Ionic是目前最有潛力的一款HTML5手機應(yīng)用開發(fā)框架。通過SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來幫助開發(fā)者開發(fā)強大的應(yīng)用。它使用JavaScriptMVVM框架和AngularJS來增強應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動開發(fā)者的共同選擇。

以上就是小編今天的分享了，希望可以幫助到大家。