前端ui框架排名

在前端項(xiàng)目開發(fā)過(guò)程中，現(xiàn)在很少有人會(huì)使用原生的CSS來(lái)搭建頁(yè)面，總歸都會(huì)引入一些前端UI框架以減少代碼的書寫。一般為了方便自己的使用，很多大公司都有自己的一套UI框架，同時(shí)也會(huì)把其開源出來(lái)。下面就是最近經(jīng)常使用并且很流行的一些前端UI框架，總有一款適合你：

為愛輝等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及愛輝網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、愛輝網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

Mint UI

Mint UI

Mint UI是餓了么團(tuán)隊(duì)開發(fā)的基于Vue .js的移動(dòng)端UI框架，它包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動(dòng)端開發(fā)需要。

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等各式元素。

Cube-ui

Cube-ui

Cube-ui 是滴滴團(tuán)隊(duì)開發(fā)的基于 Vue.js 實(shí)現(xiàn)的精致移動(dòng)端組件庫(kù)。支持按需引入和后編譯，輕量靈活；擴(kuò)展性強(qiáng)，可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開發(fā)。

iView UI

iView UI

iView UI是一個(gè)強(qiáng)大的UI庫(kù)，基于vue，有很多實(shí)用的基礎(chǔ)組件比elementui的組件更豐富，主要服務(wù)于 PC 界面的中后臺(tái)產(chǎn)品。使用單文件的 Vue 組件化開發(fā)模式 基于 npm + webpack + babel 開發(fā)，支持 ES2015 高質(zhì)量、功能豐富 友好的 API ，自由靈活地使用空間。

LayUI

LayUI

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

ElementUI

ElementUI

Element是餓了么前端開源維護(hù)的Vue UI組件庫(kù),組件齊全，基本涵蓋后臺(tái)所需的所有組件，文檔講解詳細(xì)，例子也很豐富。 主要用于開發(fā)PC端的頁(yè)面，是一個(gè)質(zhì)量比較高的Vue UI組件庫(kù)。

at-ui

at-ui

at-ui 是一款阿里團(tuán)隊(duì)創(chuàng)建的基于 Vue 2.x 的前端 UI 組件庫(kù)，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品。 它提供了一套 npm + webpack + babel 前端開發(fā)工作流程，CSS 樣式獨(dú)立，即使采用不同的框架實(shí)現(xiàn)都能保持統(tǒng)一的 UI 風(fēng)格。

amaze UI

amaze UI

Amaze UI 是一個(gè)移動(dòng)優(yōu)先的跨屏前端框架。提供基礎(chǔ)樣式，網(wǎng)格，表格、表單、按鈕及常用組件樣式。是一個(gè)輕量級(jí)（所有 CSS 和 JS gzip 后 100 kB 左右）、?Mobile first?的前端框架

Vant UI

Vant UI

Vant UI是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫(kù)，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。通過(guò) Vant，可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面，提升開發(fā)效率。

Flutter

Flutter

Flutter 是谷歌的移動(dòng)端 UI 框架，可在極短的時(shí)間內(nèi)構(gòu)建 Android 和 iOS 上高質(zhì)量的原生級(jí)應(yīng)用。 Flutter 可與現(xiàn)有代碼一起工作, 它被世界各地的開發(fā)者和組織使用, 并且 Flutter 是免費(fèi)和開源的.

ionic

Ionic既是一個(gè)CSS框架也是一個(gè)Javascript UI庫(kù),Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。通過(guò) SASS 構(gòu)建應(yīng)用程序，它 提供了很多 UI 組件來(lái)幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。 它使用 JavaScript MVVM 框架和 AngularJS 來(lái)增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為 Web 和移動(dòng)開發(fā)者的共同選擇。

前端常用的框架有哪些？

前端常用框架匯總：

react框架:

create-react-app+antd（antd PC，移動(dòng)端都有）

umi+dva+antd ant design pro（管理系統(tǒng)）

ReactNative（app混合開發(fā)）

2.vue框架：

vue-cli+element-ui或iview（PC，移動(dòng)端，小程序都有）

vue-element-admin（管理系統(tǒng)）

vue-cli3+cordova或者weex（app混合開發(fā)）

3.Flutter（app混合開發(fā)）

4.es6,webpack,gulp,node,包管理工具,esLint,echart,css預(yù)處理器,i18n等等

移動(dòng)端組件庫(kù)合集

Vux -? ? (是基于WeUI和Vue(2.x)開發(fā)的移動(dòng)端UI組件庫(kù))

Vant -? ?(有贊前端團(tuán)隊(duì))

Mint-ui -? ?(由餓了么前端團(tuán)隊(duì))

MUI -? ?(dcloud)

Weui -? (由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì))

flutter -?? (goole適合原生工程師)

React Native? -? （使用JavaScript和React編寫原生移動(dòng)應(yīng)用）

Taro -? ? ?(React多端框架)

Ionic -?

phoneGap -? ?(PhoneGap基于Cordova，用于編譯和打包以發(fā)布APP。)

uni app -? (vue開發(fā)多端應(yīng)用)

ApiCloud -? (可視化快速構(gòu)建)

Weex -? (Web系列跨平臺(tái))

那么多ui框架怎么選

LayUI

由職業(yè)前端傾情打造，面向全層次的前后端開發(fā)者，低門檻開箱即用的前端 UI 解決方案，layui是一個(gè)采用自身模塊規(guī)范化編寫的前端UI框架，它依照原生HTML/CSS/JS的書寫與組織形式，入門簡(jiǎn)單，使用也非常簡(jiǎn)單。從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開發(fā)。

JEUI

它是一款國(guó)產(chǎn)前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，國(guó)內(nèi)很多程序員javascript不熟, 大大影響了開發(fā)速度. 因此JEUI不需要開發(fā)人員去關(guān)心javascript怎么寫, 只要寫標(biāo)準(zhǔn)html就可以了，門檻極低，拿來(lái)即用。其外在極簡(jiǎn)，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開發(fā)。

JEUI基于jQuery的UI框架，包括表單、布局、表格等等常用UI控件，使用JEUI可以快速輕松地創(chuàng)建風(fēng)格統(tǒng)一的界面效果。

瀏覽器兼容非常牛皮，能兼容IE8以上的瀏覽器。

DWZ

DWZ富客戶端框架(jQuery RIA framework), 是中國(guó)人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架. 設(shè)計(jì)目標(biāo)是簡(jiǎn)單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。

DWZ 支持用 html 擴(kuò)展的方式來(lái)代替 javascript 代碼, 基本可以保證程序員不董 javascript, 也能使用各種頁(yè)面組件和 ajax 技術(shù). 如果有特定需求也可以擴(kuò)展 DWZ 做定制化開化.

MDUI

MDUI 是一個(gè)基于 Material Design 的前端框架。

19 種主色、16 種強(qiáng)調(diào)色、1 種夜間主題，只需添加一個(gè) CSS 類即可切換。CSS 僅 26.7KB，JavaScript 僅 14KB，加載更迅速。移動(dòng)優(yōu)先，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配。不依賴任何第三方庫(kù)，節(jié)約網(wǎng)絡(luò)流量，使加載更迅速，提高用戶體驗(yàn)。使用 CSS3 來(lái)做動(dòng)畫交互，平滑、高效，讓 Web 應(yīng)用的動(dòng)畫更流暢。提供自定義打包功能，按需打包需要的主題和組件，使文件體積驟然減小。MDUI 包含了 20 余個(gè)組件，且每個(gè)組件都可以適應(yīng)不同主題。

只需懂一點(diǎn) HTML、CSS、JS 的基礎(chǔ)知識(shí)，就能使用 MDUI。

ElementUI

element ui框架的按鈕組件，這款由餓了么前端開源的UI框架，一經(jīng)面世，就收獲大量程序員的芳心，在github 上更是高達(dá)29.8k的star早已說(shuō)明一切，用于開發(fā)PC端的頁(yè)面還是綽綽有余的，如果說(shuō)你是用vue開發(fā)者，卻沒(méi)用過(guò)element UI，那你肯定不是合格的vue開發(fā)者。

WeUI

jQuery WeUI 是專為微信公眾賬號(hào)開發(fā)而設(shè)計(jì)的一個(gè)簡(jiǎn)潔而強(qiáng)大的UI庫(kù)，包含全部WeUI官方的CSS組件，并且額外提供了大量的拓展組件，豐富的組件庫(kù)可以極大減少前端開發(fā)時(shí)間。

jQuery WeUI 的最大特點(diǎn)是它只提供UI組件，并不會(huì)對(duì)項(xiàng)目所使用的框架和其他庫(kù)有任何的限制，幾乎可以在任何環(huán)境下使用。無(wú)論你的項(xiàng)目是基于jQuery，還是 React, Angular, Vue， 你都會(huì)發(fā)現(xiàn) jQuery WeUI 能非常方便的和他們結(jié)合使用。既是你的項(xiàng)目是一個(gè)有很悠久歷史的老項(xiàng)目，也幾乎可以做到拿來(lái)即用。

Flutter

Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面，前端對(duì)于 Flutter 的熱忱度之高一度讓人有點(diǎn)驚訝，事實(shí)上在 Flutter 社區(qū)內(nèi)見到的客戶端開發(fā)者遠(yuǎn)多于前端開發(fā)，不過(guò)前端對(duì)于跨端解決方案確實(shí)有著天然的渴求。

Flutter可以與現(xiàn)有的代碼一起工作。在全世界，F(xiàn)lutter正在被越來(lái)越多的開發(fā)者和組織使用，并且Flutter是完全免費(fèi)、開源的。

iView ui

iViewui一套基于 Vue.js 的高質(zhì)量 UI 組件庫(kù)，搭配使用 iView UI 組件庫(kù)形成的一套后臺(tái)集成解決方案，由 TalkingData 前端可視化團(tuán)隊(duì)部分成員開發(fā)維護(hù)。iView Admin 遵守 iView 設(shè)計(jì)和開發(fā)約定，風(fēng)格統(tǒng)一。

Mint UI

Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動(dòng)端開發(fā)需要。通過(guò)它，可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁(yè)面，提升開發(fā)效率。

真正意義上的按需加載組件。可以只加載聲明過(guò)的組件及其樣式文件，無(wú)需再糾結(jié)文件體積過(guò)大。

考慮到移動(dòng)端的性能門檻，Mint UI 采用 CSS3 處理各種動(dòng)效，避免瀏覽器進(jìn)行不必要的重繪和重排，從而使用戶獲得流暢順滑的體驗(yàn)。

依托 Vue.js 高效的組件化方案，Mint UI 做到了輕量化。即使全部引入，壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。

YDUI Touch

YDUI Touch 專為移動(dòng)端打造，在技術(shù)實(shí)現(xiàn)、交互設(shè)計(jì)上兼容主流移動(dòng)設(shè)備，保證代碼輕、性能高。

使用 Flex 技術(shù)，靈活自如地對(duì)齊、收縮、擴(kuò)展元素，輕松搞定移動(dòng)頁(yè)面布局。

實(shí)現(xiàn)強(qiáng)大的屏幕適配布局，等比例適配所有屏幕。什么？用得不開心？輕松切換 px。

自定義Javascript組件、Less文件、Less變量，定制一份屬于自己的YDUI。

SUI Mobile

SUI Mobile 是一套基于 Framework7 開發(fā)的UI庫(kù)。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發(fā)跨平臺(tái)Web App。輕量的UI庫(kù)

SUI Mobile 非常輕量，核心庫(kù)壓縮Gzip后的JS、CSS網(wǎng)絡(luò)傳輸體積總共只有52K，卻提供了20+個(gè)常用的組件。

Amaze ~ 妹子 UI

中國(guó)首個(gè)開源 HTML5 跨屏前端框架

Amaze UI 以移動(dòng)優(yōu)先（Mobile first）為理念，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動(dòng)互聯(lián)潮流。

Amaze UI 含近 20 個(gè) CSS 組件、20 余 JS 組件，更有多個(gè)包含不同主題的 Web 組件，可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁(yè)面，大幅提升開發(fā)效率。

相比國(guó)外框架，Amaze UI 關(guān)注中文排版，根據(jù)用戶代理調(diào)整字體，實(shí)現(xiàn)更好的中文排版效果；兼顧國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。

Amaze UI 面向 HTML5 開發(fā)，使用 CSS3 來(lái)做動(dòng)畫交互，平滑、高效，更適合移動(dòng)設(shè)備，讓 Web 應(yīng)用更快速載入。

cube-ui

質(zhì)量可靠：由滴滴內(nèi)部組件庫(kù)精簡(jiǎn)提煉而來(lái)，歷經(jīng)考驗(yàn)，并且每個(gè)組件都有充分單元測(cè)試，為后續(xù)集成提供保障。

體驗(yàn)極致：以迅速響應(yīng)、動(dòng)畫流暢、接近原生為目標(biāo)，在交互體驗(yàn)方面追求極致。

標(biāo)準(zhǔn)規(guī)范：遵循統(tǒng)一的設(shè)計(jì)交互標(biāo)準(zhǔn)，高度還原設(shè)計(jì)效果；接口標(biāo)準(zhǔn)化，統(tǒng)一規(guī)范使用方式，開發(fā)更加簡(jiǎn)單高效。

擴(kuò)展性強(qiáng)：支持按需引入和后編譯，輕量靈活；擴(kuò)展性強(qiáng)，可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開發(fā)。

分享名稱：flutterweui的簡(jiǎn)單介紹
文章分享：http://chinadenli.net/article0/dsdjjoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、品牌網(wǎng)站建設(shè)、網(wǎng)站收錄、微信公眾號(hào)、移動(dòng)網(wǎng)站建設(shè)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)