前端ui框架排名

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

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

Mint UI

Mint UI

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

WeUI

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

Cube-ui

Cube-ui

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

iView UI

iView UI

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

LayUI

LayUI

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

ElementUI

ElementUI

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

at-ui

at-ui

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

amaze UI

amaze UI

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

Vant UI

Vant UI

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

Flutter

Flutter

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

ionic

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

前端常用的框架有哪些？

前端常用框架匯總：

react框架:

create-react-app+antd（antd PC，移動端都有）

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

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

2.vue框架：

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

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等等

移動端組件庫合集

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

Vant -? ?(有贊前端團隊)

Mint-ui -? ?(由餓了么前端團隊)

MUI -? ?(dcloud)

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

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

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

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

Ionic -?

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

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

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

Weex -? (Web系列跨平臺)

那么多ui框架怎么選

LayUI

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

JEUI

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

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

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

DWZ

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

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

MDUI

MDUI 是一個基于 Material Design 的前端框架。

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

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

ElementUI

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

WeUI

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

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

Flutter

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

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

iView ui

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

Mint UI

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

真正意義上的按需加載組件?？梢灾患虞d聲明過的組件及其樣式文件，無需再糾結(jié)文件體積過大。

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

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

YDUI Touch

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

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

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

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

SUI Mobile

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

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

Amaze ~ 妹子 UI

中國首個開源 HTML5 跨屏前端框架

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

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

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

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

cube-ui

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

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

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

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

分享名稱：flutterweui的簡單介紹
文章分享：http://jinyejixie.com/article0/dsdjjoo.html

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

廣告

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