教育
在前端項(xiàng)目開(kāi)發(fā)過(guò)程中，總是會(huì)引入一些UI框架，已為方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近經(jīng)常使用并且很流行的UI框架。
一.MintUI
MintUI是餓了么團(tuán)隊(duì)開(kāi)發(fā)基于vue.js的移動(dòng)端UI框架，它包含豐富的CSS和JS組件，能夠滿足日常的移動(dòng)端開(kāi)發(fā)需要。
官網(wǎng)：https://mint-ui.github.io/#!/zh-cn
二.WeUI
WeUI是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì)，令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、toast、article、icon等各式元素。
官網(wǎng)地址：https://weui.io/
三.cube-ui
cube-ui是滴滴團(tuán)隊(duì)開(kāi)發(fā)的基于Vue.js實(shí)現(xiàn)的精致移動(dòng)端組件庫(kù)。支持按需引入和后編譯，輕量靈活；擴(kuò)展性強(qiáng)，可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開(kāi)發(fā)。
官網(wǎng)地址：https://didi.github.io/cube-ui/#/zh-CN
四.iViewUI
iviewui是一個(gè)強(qiáng)大的ui庫(kù)基于vue，有很多實(shí)用的基礎(chǔ)組件比elementui的組件更豐富，主要服務(wù)于PC界面的中后臺(tái)產(chǎn)品。使用單文件的Vue組件化開(kāi)發(fā)模式基于npm+webpack+babel開(kāi)發(fā)，支持ES2015高質(zhì)量、功能豐富友好的API，自由靈活地使用空間。
官網(wǎng)地址：https://www.iviewui.com
五.layui
layui是一款采用自身模塊規(guī)范編寫(xiě)的前端UI框架，遵循原生HTML/CSS/JS的書(shū)寫(xiě)與組織形式，門檻極低，拿來(lái)即用。其外在極簡(jiǎn)，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開(kāi)發(fā)。
官網(wǎng)地址:https://www.layui.com
六.ElementUI
Element是餓了么前端開(kāi)源維護(hù)的VueUI組件庫(kù),組件齊全，基本涵蓋后臺(tái)所需的所有組件，文檔講解詳細(xì)，例子也很豐富。主要用于開(kāi)發(fā)PC端的頁(yè)面，是一個(gè)質(zhì)量比較高的VueUI組件庫(kù)。
官網(wǎng)地址:http://element-cn.eleme.io/#/zh-CN
七.at-ui
at-ui是一款阿里團(tuán)隊(duì)創(chuàng)建的基于Vue2.x的前端UI組件庫(kù)，主要用于快速開(kāi)發(fā)PC網(wǎng)站產(chǎn)品。它提供了一套npm+webpack+babel前端開(kāi)發(fā)工作流程，CSS樣式獨(dú)立，即使采用不同的框架實(shí)現(xiàn)都能保持統(tǒng)一的UI風(fēng)格。
官網(wǎng):https://at-ui.github.io/at-ui/#/zh
八.amazeUI
AmazeUI是一個(gè)移動(dòng)優(yōu)先的跨屏前端框架。提供基礎(chǔ)樣式，網(wǎng)格，表格、表單、按鈕及常用組件樣式。是一個(gè)輕量級(jí)（所有CSS和JSgzip后100kB左右）、Mobilefirst的前端框架
官網(wǎng)地址：http://amazeui.org/
九.vantUI
vantUI是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的Vue組件庫(kù)，提供了一整套UI基礎(chǔ)組件和業(yè)務(wù)組件。通過(guò)Vant，可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面，提升開(kāi)發(fā)效率。
官網(wǎng)地址：https://youzan.github.io/vant/#/zh-CN/intro
十.Flutter
Flutter是谷歌的移動(dòng)端UI框架，可在極短的時(shí)間內(nèi)構(gòu)建Android和iOS上高質(zhì)量的原生級(jí)應(yīng)用。Flutter可與現(xiàn)有代碼一起工作,它被世界各地的開(kāi)發(fā)者和組織使用,并且Flutter是免費(fèi)和開(kāi)源的.
官網(wǎng):http://doc.flutter-dev.cn
十一.ionic
Ionic既是一個(gè)CSS框架也是一個(gè)JavascriptUI庫(kù),Ionic是目前最有潛力的一款HTML5手機(jī)應(yīng)用開(kāi)發(fā)框架。通過(guò)SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來(lái)幫助開(kāi)發(fā)者開(kāi)發(fā)強(qiáng)大的應(yīng)用。它使用JavaScriptMVVM框架和AngularJS來(lái)增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動(dòng)開(kāi)發(fā)者的共同選擇。
以上就是小編今天的分享了，希望可以幫助到大家。
