學習教育

當前位置 /首頁/學習教育 > /列表

ui框架排行

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

一.MintUI

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

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

二.WeUI

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

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

三.cube-ui

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

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

四.iViewUI

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

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

五.layui

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

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

ui框架排行

六.ElementUI

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

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

七.at-ui

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

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

八.amazeUI

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

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

九.vantUI

vantUI是有贊前端團隊基於有贊統一的規範實現的Vue組件庫,提供了一整套UI基礎組件和業務組件。通過Vant,可以快速搭建出風格統一的頁面,提升開發效率。

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

十.Flutter

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

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

十一.ionic

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

TAG標籤:ui 框架 排行 #