應式網站開發在國內越來越普遍，一來展現效果好，而來收錄情況佳，讓專門開發響應式網站的程序員成了香餑餑。程序員們想要更有效率開發響應式網站，這9個熱門HTML5框架可不容錯過。

①Twitter Bootstrap

基于HTML、CSS、Javascript，簡單靈活快捷，是目前很火的前端框架。

②52Framework

能實現HTML5+CSS3+JS，能在包括IE6在內的所有主流瀏覽器運行。

③SproutCore

利用MVC架構規范構建而成，能與任何后端服務器技術搭配使用。一旦部署之后，SproutCore應用只包含標準的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore應用。

④Onsen UI

側重于創建移動應用，用于構建PhoneGap/Cordova應用。

⑤Foundation

提供多種web上的UI組件，如按鈕、表單等，可用于構建基于任何設備上的web應用。

⑥Ionic

Ionic非常漂亮，支持使用HTML5開發混個移動應用前端框架。

⑦Enyo

適用于開發與原生應用類似的HTML 5應用。

⑧GroundworkCSS 2

擁有一個靈活的、可嵌套的網格系統，可以創建適應多種瀏覽設備的布局。要用于快速構建響應式Web應用程序。

⑨MontageJS

可用于構建高可擴展性和可維護性的HTML5應用。是一個現代化、完整的HTML5框架，旨在創建單頁的應用程序。

此外，想開發HTML5響應式網站，還可以借助建站工具。筆者用過一款叫建站寶盒的網站開發工具，做出來的網站可以和專業開發網站媲美，不要求程序基礎。有需要的可以了解一下。

這篇文章分享之后我還是要推薦下我自己的前端學習群：527535103 ，不管你是小白還是大牛，小編我都挺歡迎，不定期分享干貨，包括我自己整理的一份2017最新前端資料和零基礎入門教程，歡迎初學和進階中的小伙伴

動端web開發框架、類庫和UI組件簡介，有需要的收藏一波。

react-native

一個基于React的創建原生APP的框架

html5-boilerplate

一個用來構建快速、強大、可適配的webapp的前端模板

ionic

領先的HTML5移動開發框架和SDK，利用你所熟知的web技術構建難以置信的移動應用，是AngularJS最好的朋友。

weui

由微信官方設計團隊為微信Web開發量身打造的框架，包含移動web應用開發中有用的組件和模塊

hammer.js

實現多點觸控的javascript庫

weex

阿里推出的跨平臺的移動端開發框架，具有輕量級、可擴展和高性能的特點

fastclick

一個消除移動端瀏覽器上的點擊事件的300ms的延遲

zepto

Zepto.jsisaminimalistJavaScriptlibraryformodernbrowsers,withajQuery-compatibleAPI

vux

基于Vue和Weui的移動端框架

wepy

騰訊團隊推出的小程序組件化開發框架

NativeScript

NativeScript是一個利用JavaScript等WEB技術創建原生APP的框架

Framework7

功能強大的創建iOS&AndroidAPP的HTML框架

mui

最接近原生APP體驗的高性能框架

ratchet

用簡單的HTML,CSS,和JavaScript組件創建移動應用

react-native-elements

ReactNativeUI組件庫

mint-ui

基于vue.js的移動端UI框架

amazeui

移動端優先的開源HTML5跨屏前端框架，俗稱妹子UI

jquery-mobile

jQuery移動開發框架

Mars

騰訊移動Web前端知識庫

interact.js

JavaScriptdraganddrop,resizingandmulti-touchgestureswithinertiaandsnappingformodernbrowsers(andalsoIE8+)

vant

有贊開發的基于Vue.js2.0的UI組件庫

OnsenUI

用來構建混合移動端APP的HTML5UI框架

muse-ui

基于Vue2.0和MaterialDesigin的UI組件庫

SUI-Mobile

SUIMobile(MSUI)是由阿里巴巴國際UED前端出品的一個手機端的UI庫，輕量精美。更多信息請參考官網

ant-design-mobile

一個可配置的移動端UI框架

TouchSwipe-Jquery-Plugin

TouchSwipeisajqueryplugintobeusedwithjQueryontouchinputdevicessuchasiPad,iPhoneetc.

jquery-weui

創建微信混合app的UI庫

jquery-ui-touch-punch

AduckpunchforaddingtoucheventstojQueryUI

device.js

Device.jsmakesiteasytowriteconditionalCSS_and/or_JavaScriptbasedondeviceoperatingsystem(iOS,Android,Blackberry,Windows,FirefoxOS,MeeGo),orientation(Portraitvs.Landscape),andtype(Tabletvs.Mobile).

react-native-ui-kitten

可定制和可重用的react-native組件包

iview-weapp

一套高質量的微信小程序UI組件庫

vonic

基于Vue.js和ionic組件的SPAUI框架

brick

UIWebComponentsforModernWebApps

app

App.js是一個用來創建移動webapp的輕量級JavaScriptUI框架，可以表現得像原生APP而又不犧牲性能和優雅

Lungo.js

一個給開發者提供的設計、構建、分享跨設備應用的框架

AlloyFinger

騰訊Web前端團隊推出的輕量級的多點觸控手勢庫

FooTable

jQueryplugintomakeHTMLtablesresponsive

vue-ydui

一個基于Vue2.x的移動端組件庫

wechat-h5-boilerplate

為騰訊微信優化的H5動效模板，幫助你快速構建全屏滾動型H5頁面

slip

通過滑動和拖動手勢操作列表的UI庫

mobi.css

一個關注于移動端的輕量級的、靈活的css框架，

vue-touch

Vue.js的Hammer.js包裝器

QuoJS

針對移動設備的微型JavaScript庫

pressure

:point_down::boom:JavaScriptlibraryforhandlingbothForceTouchand3DTouchontheweb

junior

一個創建類似原生APP的html5應用的前端框架

vum

為手機webapp打造的基于Vue.js構建的UI框架

mobiscroll

ThecustomizablemobileUIlibraryfortouchdeviceslikesmartphonesandtablets

zingtouch

一個JavaScript觸摸手勢檢測庫

montage

montagejs是一個優雅的、開源的HTML5框架。它提供了模塊化組件，雙向數據綁定，以及更多功能

pushy

Pushyisaresponsiveoff-canvasnavigationmenuusingCSStransforms&transitions

GMU

基于zepto的ui組件庫，適用于移動端

flex.css

flex.cssis是一個聲明式的布局框架，能夠兼容多個MVVM框架和瀏覽器

mobilebone

單頁切換骨架。適用于移動webAPP,Hybrid混合APP,Phonegap開發,無兼容要求單頁PC應用等

jquery.pep.js

Pep,alightweightpluginforkineticdragonmobile/desktop

Cloudajs

CloudaFramework-一個針對移動WebApp的實時JavaScriptRIA框架

jo

Jo(0.5.0)是一個輕量級的(~16K)創建HTML5應用的外殼?？梢院蚉honeGap,Chrome,Safari,Opera,FireFox,iOS,Android,BlackBerry10,Tizen,&WindowsPhone8+一起工作

touchui

高質量移動端UI框架

iosselect

一個簡潔好看的模仿ios的webapp下拉菜單

mand-mobile

面向金融場景的Vue移動端UI組件庫，豐富、靈活、實用，快速搭建優質的金融類產品

tabris-js

tabris.js-用JavaScript開發原生應用

aui

移動端UI快速布局解決方案（APICloudUI框架）

vue-carbon

基于vue開發的materialdesignui庫

cordova-plugin-ibeacon

AniBeaconpluginforPhonegap/Cordova3.xandupwards.SupportsbothiOSandAndroid(contributionsarewelcome)

touch.code.baidu.com

TouchOfficalSite

bindingx

阿里團隊推出的weex和ReactNative上富交互問題的一種解決方案

jQuery-Touch-Events

AcollectionofmobileeventpluginsforjQuery.

TinyNav.js

Responsivenavigationpluginthatweighsjust443bytes

Jingle

JingleUI是一個基于html5、css3開發輕量級的移動webapp框架，提供一些基本交互方式，幫助您更方便的開發移動應用。

light7

一個輕量級的易用的移動端UI框架

framework7-vue

基于Framework7和Vue構建iOS和Android應用

ydui

一只注重審美，且性能高效的移動端&微信UI

slip.js

移動端跟隨手指滑動組件，零依賴。

wepayui

微信支付場景化組件，wepayui源碼

BlendUI

BlendUI是Clouda+中的重要組成部分，他能讓webapp的用戶界面體驗和交互能和Native媲美

toucher

面向移動端的手勢類庫

touchjs

一個移動端手勢檢測庫

thumbs.js

Addtouchsupporttoyourbrowserwiththumbs.js-asmall,transparent,andsyntax-lesslibrary.

JMUI

移動Web開發UI組件庫

JM

面向Mobile的極致JavaScript庫

react-ui

為React打造的一套ionic風格的可復用UI組件庫

Zoomage.js

Zoomage.js-一個通過手勢縮放圖片的庫

touchSlider

TouchSliderjQueryPlugin

如今移動端開發領域H5勢頭越來越猛，不管是H5小應用、小游戲，還是hybrid混合開發都有不少市場。原生端APP開發越來越不能滿足快速迭代的訴求。而隨著手機硬件配置的不斷增強。以前抱怨的手機端web app性能低下聲音也越來越少了。下面隨小編一起來看下，這么多年來喬老爺子推崇的HTML5進化到了哪種程度。炸裂推薦50+款流行框架，不論新舊，總有一款適合你。

RAD.js

rad.js是一個快速建立移動應用程序的框架。優化iOS，Android和Windows Phone 8，以及支持所有主流的Web瀏覽器。

查看地址：http://rad-js.com/

Ionic

Ionic是一款接近原生體驗的Html5移動APP開發框架。Ionic既是一個CSS框架也是一個JavaScript UI庫。通過SASS + AngularJS + Cordova 來構建應用程序，它提供了很多UI組件來幫助開發者開發強大的應用。能想到的基礎組件都能在這里找到。結合豐富的Cordova插件，提升與原生交互功能。在iOS和Android端用戶體驗上有不錯的表現。

查看地址：http://ionicframework.com/

LungoJS

一款向需要設計構建跨終端應用的開發者提供的HTML5框架。

查看地址：http://lungo.tapquo.com/

Mobile Angula UI

一款基于Bootstrap3和Angular的手機端HTML5 UI框架。

查看地址：http://mobileangularui.com/

NativeScript

使用Angular,TypeScript或者原生JavaScript來構建真正原生手機APP的開源框架。

查看地址：https://www.nativescript.org/

Sencha Touch

如果你使用過Ext，easyUI這類框架來構建web2.0時代管理臺的話，那么你使用Sencha Touch時一定不會感到陌生。一款基于html5和JavaScript的跨平臺手機應用框架。

查看地址：http://www.sencha.com/products/touch/#overview

PhoneGap

要想將制作好大web app放到手機里，逃不開應用打包的過程。大名鼎鼎PhoneGap就是加殼工程的鼻祖?，F如今開源部分改名為Cordova。強大的插件機制，讓web前端開發者有機會體會原生組件的魅力。想要自己封裝hybrid應用，學習Cordova源碼里的優化設計代碼是一個非常重要的部分。

查看地址：http://phonegap.com/

RhoMobile

面向消費者與企業開發人員的移動應用程序平臺。

查看地址：http://rhomobile.com/

jQuery Mobile Framework

jQuery大名不用小編介紹了，jQuery mobile是一款早期推出的手機端跨終端UI組件庫。和jQuery UI風格類似。喜歡使用jQuery的朋友不要錯過。

查看地址：https://jquerymobile.com/

Onsen UI

基于自定義元素構建移動前端的HTML5框架。

查看地址：http://onsen.io/

Apache Flex

一款構建web與手機應用的開源項目框架。從早期adobe Flash中分離出來，出使用action script或者h5的方式構建富客戶端，以flash player，或者adobe air運行時環境。

查看地址：https://flex.apache.org/

Agate Mobile Application Framework

一款跨平臺開發ios、Android原生應用，不能用于開發web app。

查看地址：http://applusform.com/en/

eMobc

用XML來開發生成web、手機和原生端應用的開源框架。

查看地址：http://www.emobc.com/

AppGyver Steroids

構建混合應用程序所需的工具集，提供iOS和Android的測試人員和開發人員。

查看地址：http://www.appgyver.eu/

Application Craft

一整套的跨平臺應用開發解決方案，從設計到開發，各種方便的IDE。不過是收費的。

查看地址：https://www.applicationcraft.com/

ChocolateChip-UI

chocolatechip UI是一個開發移動Web應用程序框架。你只需要了解三種東西：語義化的HTML5標簽、CSS和JavaScript。

查看地址：http://chocolatechip-ui.com/

DHTMLX Touch

同樣老牌的組件庫框架，從桌面端轉到移動端，提供同樣可靠及豐富的組件。

查看地址：http://dhtmlx.com/docs/products/dhtmlxTouch/

Corona Labs

強大的跨平臺手機端框架之一，使用Lua腳本語言作為開發語言，有自己的2D的游戲引擎。主要適用于開發游戲。

查看地址：https://coronalabs.com/

Framework7

完美還原原生端組件的H5框架。

查看地址：http://www.idangero.us/framework7/

Gideros

Gideros是一個免費的并且開源的框架，提供了跨平臺開發優質游戲的方式。你只需要幾個小時就可以構建出你的偉大游戲。開發語言是Lua。

查看地址：http://giderosmobile.com/

未完待續。。。更多精彩實用的框架請看下集~