推薦幾個精緻的web UI框架及經常使用前端UI框架

 

1.Aliceui

Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規範，是寫 CSS 的更好方式。

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

2.Amazeui

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

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

3.sui

SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規範。 
經過SUI，能夠很是方便的設計和實現精美的頁面。

官網地址：http://sui.taobao.org/

同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的做品。目的是爲了手機H5頁面提供一個經常使用的組件庫，減小重複工做。

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

4.FrozeUI

Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q樣式規範，選取最經常使用的組件，作成手Q公用離線包減小請求，升級方式友好，文檔完善，目前全面應用在騰訊手Q增值業務中。

官網地址：http://frozenui.github.io/

5.uiKit

uiKit是一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面。

官網地址：http://www.getuikit.net/

6.H-ui

H-ui是輕量級前端框架，簡單免費，兼容性好，適用於中國網站。

官網地址：http://www.h-ui.net/

7.Weui

weUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信 Web 開發量身設計，能夠令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

官網地址：https://github.com/weui/weui

8.layui

Layui 誕生於2016年金秋，是一款帶着濃烈情懷的國產前端UI框架，她追求極簡，又不失豐盈的內在，說她是史上最輕量的結晶，彷佛並不爲過。一切都源自於她對原生態的執着，對前端社區的那些噪雜聲音的過濾，以及她自己的精心雕琢。

官網地址：http://www.layui.com/

9.YDUI Touch

YDUI Touch 專爲移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕鬆搞定移動頁面佈局;實現強大的屏幕適配佈局，等比例適配全部屏幕。什麼？用得不開心？輕鬆切換 px;自定義Javascript組件、Less文件、Less變量，定製一份屬於本身的YDUI;

官網地址：http://www.ydui.org/

 

十、後臺UI開發框架 MuseUI

 

一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。

官方網站：http://git.oschina.net/muse/museui

 

如下是經常使用前端UI框架快速開發web項目

 

1.DWZ  國產的jQuery UI富客戶端框架

框架地址：http://jui.org/

2.jQuery LingerUI  國產前端框架

框架地址：http://www.ligerui.com/

3.JQuery EasyUI  幫助你快速構建web應用的前端框架

框架中文地址：http://www.jeasyui.net/

框架英文地址：http://www.jeasyui.com/

4.bootstrap  這個就很少說了，目前應用最爲普遍的UI框架，組件樣式都很是豐富

 

框架地址：http://www.bootcss.com/

5.BUI  感受作的仍是不錯

框架地址：http://www.builive.com/

6.拼圖  優秀的國產響應式css開源框架，自動適應手機，平板，電腦

框架地址：http://www.pintuer.com/

七、Alloy UI – 功能強大的CSS UI框架

Alloy UI是基於YUI 3的前段UI框架，包含一套豐富的（超過60）UI 部件，如圖片庫，對話框，樹形結構，面板，自動完成，按鈕，日曆控件，工具條等。

官方網站：http://alloyui.com/