在前端項目開發(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是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設計,令用戶的使用感知更加統(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,有很多實用的基礎組件比elementui的組件更豐富,主要服務于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)先的跨屏前端框架。提供基礎樣式,網(wǎng)格,表格、表單、按鈕及常用組件樣式。是一個輕量級(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架
官網(wǎng)地址:http://amazeui.org/
九.vantUI
vantUI是有贊前端團隊基于有贊統(tǒng)一的規(guī)范實現(xiàn)的Vue組件庫,提供了一整套UI基礎組件和業(yè)務組件。通過Vant,可以快速搭建出風格統(tǒng)一的頁面,提升開發(fā)效率。
官網(wǎng)地址:https://youzan.github.io/vant/#/zh-CN/intro
十.Flutter
Flutter是谷歌的移動端UI框架,可在極短的時間內(nèi)構(gòu)建Android和iOS上高質(zhì)量的原生級應用。Flutter可與現(xiàn)有代碼一起工作,它被世界各地的開發(fā)者和組織使用,并且Flutter是免費和開源的.
官網(wǎng):http://doc.flutter-dev.cn
十一.ionic
Ionic既是一個CSS框架也是一個JavascriptUI庫,Ionic是目前最有潛力的一款HTML5手機應用開發(fā)框架。通過SASS構(gòu)建應用程序,它提供了很多UI組件來幫助開發(fā)者開發(fā)強大的應用。它使用JavaScriptMVVM框架和AngularJS來增強應用。提供數(shù)據(jù)的雙向綁定,使用它成為Web和移動開發(fā)者的共同選擇。
以上就是小編今天的分享了,希望可以幫助到大家。