推薦幾款精緻的前端web UI框架,建議收藏
如果你在找Web UI框架,不妨看看百度的NoahV框架:https://github.com/baidu/NoahV
主要包含如下特性:
1.上手簡單,提供常用的各類元件,快速開始前端開發
2.導航欄、頁面佈局JSON配置,無需程式碼邏輯開發
3.API資料模擬和API資料代理,讓前後端不再耦合,聯調更簡單,效率更高
4.資料儀表盤功能,滿足常見的資料視覺化需求,助力資料分析場景
5.實用的腳手架功能,專案初始化、模板複用、模擬資料建立、除錯server啟動、框架升級一行命令通通搞定
1.Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社群流行前端框架編寫的。
官網地址:http://amazeui.org/
2.sui
SUI是一套基於bootstrap開發的前端元件庫,同時她也是一套設計規範。
通過SUI,可以非常方便的設計和實現精美的頁面。
同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的元件庫,減少重複工作。
3.FrozeUI
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規範,選取最常用的元件,做成手Q公用離線包減少請求,升級方式友好,文件完善,目前全面應用在騰訊手Q增值業務中。
官網地址:http://frozenui.github.io/
4.uiKit
uiKit是一款輕量級、模組化的前端框架,可快速構建強大的web前端介面。
5.H-ui
H-ui是輕量級前端框架,簡單免費,相容性好,適用於中國網站。
官網地址:http://www.h-ui.net/
6.Weui
weUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令使用者的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
官網地址:https://github.com/weui/weui
7.layui
Layui 誕生於2016年金秋,是一款帶著濃烈情懷的國產前端UI框架,她追求極簡,又不失豐盈的內在,說她是史上最輕量的結晶,似乎並不為過。一切都源自於她對原生態的執著,對前端社群的那些噪雜聲音的過濾,以及她本身的精心雕琢。
8.YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、互動設計上相容主流移動裝置,保證程式碼輕、效能高;使用 Flex 技術,靈活自如地對齊、收縮、擴充套件元素,輕鬆搞定移動頁面佈局;實現強大的螢幕適配佈局,等比例適配所有螢幕。什麼?用得不開心?輕鬆切換 px;自定義Javascript元件、Less檔案、Less變數,定製一份屬於自己的YDUI;
官網地址:http://www.ydui.org/
9. MUI
最接近原生APP體驗的高效能前端框架
官網地址:http://dev.dcloud.net.cn/mui/
總結
其中,MUI,layui,weui 在專案中都有使用過,有問題也可以一起交流。