更多精彩內容,歡迎關注:

視頻號
視頻號

抖音
抖音

快手
快手

微博
微博

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

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

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

一.MintUI

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

官網:https://mint-ui.github.io/#!/zh-cn

二.WeUI

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

官網地址:https://weui.io/

三.cube-ui

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

官網地址:https://didi.github.io/cube-ui/#/zh-CN

四.iViewUI

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

官網地址:https://www.iviewui.com

五.layui

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

官網地址:https://www.layui.com

六.ElementUI

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

官網地址:http://element-cn.eleme.io/#/zh-CN

七.at-ui

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

官網:https://at-ui.github.io/at-ui/#/zh

八.amazeUI

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

官網地址:http://amazeui.org/

九.vantUI

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

官網地址:https://youzan.github.io/vant/#/zh-CN/intro

十.Flutter

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

官網:http://doc.flutter-dev.cn

十一.ionic

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

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

為你推薦
資訊專欄
熱門視頻
相關推薦
網絡工程師怎么獲得 如何考取網絡工程師 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如何用 關于風箏的好的歌賦詩詞 js中toString方法的3個作用 python繪圖中四個繪圖技巧 夕陽無限好只是近黃昏是哪位詩人寫的 ui學什么的 學習ui需要了解什么 什么叫ui界面設計 你真的了解嗎 ui主要是干什么 ui的工作都有哪些 網絡工程師要考些什么 網絡工程師需要考英語嗎 網絡工程師要學系統(tǒng)嗎 思科網絡工程師證書報名條件 為什么要成為網絡工程師 思科網絡工程師證書有哪些 網絡工程師證書有幾種 華為認證網絡工程師方向 網絡工程師怎么學 網絡工程師怎么學 網絡工程師如何學 hcia和軟考網絡工程師區(qū)別 電子商務和網絡工程師哪個好 初級網絡工程師怎么考中級 網絡工程師必須要學歷嗎 網絡工程師如何考 網絡工程師怎么考 關于網絡工程師的認識 什么是網絡工程師 軟考網絡工程師需要復審嗎 ui設計學哪些 ui需要掌握什么技能
Top