Ionic

ionic 吧開發流程都幫你做好了，已經不再是單純的UI框架，而是開發框架了，非常適合快速開發。基于angular2，豐富的UI組件，大大改進的編程模型，

Semantic UI

中文官網?英文官網

Framework7

Framework7 是一個開源免費的框架可以用來開發混合移動應用（原生和HTML混合）或者開發 iOS & Android 風格的WEB APP。也可以用來作為原型開發工具，可以迅速創建一個應用的原型。

Ant.design

提煉自企業級后臺產品的交互語言和視覺風格。豐富實用的 React UI 組件。基于 React 的組件化開發模式。背靠 npm 生態圈。基于 webpack 的調試構建方案，支持 ES6。

SUI

純UI框架，淘寶出品，應該靠譜，不大會半路夭折。

WEUI

微信設計團隊出品，微信原生視覺體驗樣式庫。

AUI

專為APICloud開發者設計的一套UI框架，解決了很多移動前端開發的普遍問題，兼容性不錯的CSS3使用，框架還提供了聊天界面、計數列表等組件，解決了很多復雜的布局。

Aliceui

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

H-ui

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

LayUI

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

YDUI Touch

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

Amaze UI

基于社區開源項目構建的一個跨屏前端框架，以移動優先，從小屏到大屏，最終實現所有屏幕適配，適應移動互聯潮流。解決了國內瀏覽器存在的跨屏適配和兼容性問題。

Frozen UI

鵝廠出品，QQ會員前端用的是這套框架開源，不過貌似已經停止維護了

Semantic UI

UI上跟Bootstrap沒太多的區別，不過代碼命名規范上卻相差甚大，它的命名全是采用復合的方式，類名特別的離散，用的時候你得很小心自己擴展或者新增的class命名與它的類名沖突。

Foundation

框架界的元老啦，這個框架一直到現在依然這么的熱門，如果你比較介意Bootstrap開發撞臉的尷尬事情，那么你可以考慮使用Foundation。即使你使用預定義的UI元素,也不會與其他網站太像，就像官方說的給開發者更靈活的框架體驗。

UiKit

UIkit是YOOtheme團隊開發的，在許多WordPress主題中都有應用(也就是如果你是個WordPress愛好者，那么這個框架應該比較適合深究)，并且框架能夠通過GUI編輯器和手動編輯，所以它提供了一個靈活、強大的自定義機制?？蚣芙柚鶯ESS、jQuery、normalize.css及FontAwesome開源項目的獨有特點，整合成了這么一款輕量級、模塊化的前端框架。

Pure

框架小巧，并且是純CSS，可與其他框架快速結合使用。

Purecss

一個輕量級的庫如Purecss（http://purecss.io），采用Grid的部分即可，需要定制的部分，建議自行配置，或者是直接采用grid.css，grid960.css這樣的柵格來處理。

Bootstrap

基礎組件主要是button,input,form等，可以在Bootcss看到很多的組件庫，按照需要選擇一部分，在做下自定義修改配色，陰影，邊框什么的，動畫的話就用animate.css吧。

?

轉自 http://www.genshuixue.com/i-cxy/p/15629260

本文轉載自SharkBin博客園博客，原文鏈接：http://www.cnblogs.com/SharkBin/p/8111520.html如需轉載自行聯系原作者

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的H5前端框架推荐合集 （转）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。