更多精彩內(nèi)容,歡迎關(guān)注:

視頻號
視頻號

抖音
抖音

快手
快手

微博
微博

你知道什么是ui框架嗎 ui框架排行

導讀在前端項目開發(fā)過程中,總是會引入一些UI框架,已為方便自己的使用,很多大公司都有自己的一套UI框架,比如:一、MintUI。二、WeUI。三、cube-ui。四、iViewUI。五、layui。六、ElementUI。七、at-u。八、amazeUI。九、vantUI。十、Flutter。十一、ioni。

在前端項目開發(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ā)者的共同選擇。

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

為你推薦
資訊專欄
熱門視頻
相關(guān)推薦
網(wǎng)絡工程師怎么獲得 如何考取網(wǎng)絡工程師 docker工具 docker原理 卸載docker 刪除docker鏡像 ui設計全稱 什么叫ui設計 需要學什么 ui專業(yè)是什么專業(yè) ui設計是什么 ui和視覺設計的區(qū)別 ui設計和視覺設計的不同 ui設計是什么 包括哪些 分為幾個方面 ui設計師要懂什么 ui設計師需要掌握什么 ui和gui的區(qū)別 什么是ui 什么是gui docker cp怎么用 docker cp如何用 如何查看docker日志 怎樣查看docker日志 docker查看日志命令 docker如何查看日志命令 docker有自己的防火墻嗎 docker有防火墻嗎 docker怎么用 docker如何用 關(guān)于風箏的好的歌賦詩詞 js中toString方法的3個作用 python繪圖中四個繪圖技巧 夕陽無限好只是近黃昏是哪位詩人寫的 ui學什么的 學習ui需要了解什么 什么叫ui界面設計 你真的了解嗎 ui主要是干什么 ui的工作都有哪些 網(wǎng)絡工程師要考些什么 網(wǎng)絡工程師需要考英語嗎 網(wǎng)絡工程師要學系統(tǒng)嗎 思科網(wǎng)絡工程師證書報名條件 為什么要成為網(wǎng)絡工程師 思科網(wǎng)絡工程師證書有哪些 網(wǎng)絡工程師證書有幾種 華為認證網(wǎng)絡工程師方向 網(wǎng)絡工程師怎么學 網(wǎng)絡工程師怎么學 網(wǎng)絡工程師如何學 hcia和軟考網(wǎng)絡工程師區(qū)別 電子商務和網(wǎng)絡工程師哪個好 初級網(wǎng)絡工程師怎么考中級 網(wǎng)絡工程師必須要學歷嗎 網(wǎng)絡工程師如何考 網(wǎng)絡工程師怎么考 關(guān)于網(wǎng)絡工程師的認識 什么是網(wǎng)絡工程師 軟考網(wǎng)絡工程師需要復審嗎 ui設計學哪些 ui需要掌握什么技能
Top