溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

推薦幾個精致的web UI框架

發(fā)布時間:2020-08-11 10:02:05 來源:網(wǎng)絡 閱讀:2622 作者:雷頓學院 欄目:web開發(fā)
1.Aliceui

Aliceui是支付寶的樣式解決方案,是一套精選的基于 spm 生態(tài)圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規(guī)范,是寫 CSS 的更好方式。

gitHub地址:https://github.com/aliceui/aliceui.github.io

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基于開源社區(qū)流行前端框架編寫的。

官網(wǎng)地址:http://amazeui.org/

3.sui

SUI是一套基于bootstrap開發(fā)的前端組件庫,同時她也是一套設計規(guī)范。 
通過SUI,可以非常方便的設計和實現(xiàn)精美的頁面。

官網(wǎng)地址:http://sui.taobao.org/

同時sui還有移動端版本msui,msui是阿里巴巴共享業(yè)務事業(yè)部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。

地址:http://m.sui.taobao.org/

4.FrozeUI

Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架?;谑諵樣式規(guī)范,選取最常用的組件,做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業(yè)務中。

官網(wǎng)地址:http://frozenui.github.io/

5.uiKit

uiKit是一款輕量級、模塊化的前端框架,可快速構(gòu)建強大的web前端界面。

官網(wǎng)地址:http://www.getuikit.net/

6.H-ui

H-ui是輕量級前端框架,簡單免費,兼容性好,適用于中國網(wǎng)站。

官網(wǎng)地址:http://www.h-ui.net/

7.Weui

weUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發(fā)量身設計,可以令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

官網(wǎng)地址:https://github.com/weui/weui

8.layui

Layui 誕生于2016年金秋,是一款帶著濃烈情懷的國產(chǎn)前端UI框架,她追求極簡,又不失豐盈的內(nèi)在,說她是史上最輕量的結(jié)晶,似乎并不為過。一切都源自于她對原生態(tài)的執(zhí)著,對前端社區(qū)的那些噪雜聲音的過濾,以及她本身的精心雕琢。

官網(wǎng)地址:http://www.layui.com/

9.YDUI Touch

YDUI Touch 專為移動端打造,在技術(shù)實現(xiàn)、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術(shù),靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現(xiàn)強大的屏幕適配布局,等比例適配所有屏幕。什么?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變量,定制一份屬于自己的YDUI;

官網(wǎng)地址:http://www.ydui.org/


10.MUI

曾經(jīng)一直使用 Android 系統(tǒng)的我,后來見到 IOS,果斷移情別戀了,不知道為什么蘋果每次調(diào)整系統(tǒng)我都特別喜歡,后來一段時間因為缺設計我專門模仿 IOS 系統(tǒng)做 UI,但始終不能夠做到很好,無意間就發(fā)現(xiàn)了 MUI 這個框架,這個框架給我的吸引之處就是它的 UI 是以 IOS 為主體設計的,當然它也補充了android特有UI樣式。并且MUI官方聲稱用來開發(fā)深入以后發(fā)現(xiàn)拿它做 APP 還能夠提高用戶使用流暢度,然后便試著更深入的了解和使用一段時間。

官網(wǎng):http://dev.dcloud.net.cn/mui/

Github:https://github.com/dcloudio/mui

Star:2,450

總結(jié):就像之前說的這個框架是以兩大系統(tǒng)為參照來封裝UI組件,框架自身還有一個較為活躍的社區(qū),不太好的地方這也是我特別關(guān)注的一點,關(guān)于開發(fā)應用的流暢度,我當然知道這是 H5 目前的劣勢,但是看到官網(wǎng)給的描述,還是抱著期待的心理試試看能否提升,然而它其實還是需要是借助 Webview來提升,而不是框架本身。


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI