10个优秀的jQuery Mobile主题

<span class="wp_keywordlink">[jQuery](http://caibaojian.com/t/jquery)</span> Mobile 是一个伟大的框架，而每个伟大的产品都需要一个好看的UI。很不幸，jQuery Mobile默认的主题不是一个现代化的设计。默认的<span class="wp_keywordlink">[CSS](http://caibaojian.com/t/css)</span>文档有a,b,c,d和e五个主题，a主题是黑色的默认主题，每个主题都有各自的颜色。





下面分享一下互联网上比较好看的jQuery Mobile UI框架

1. Graphite

- <span style="font-weight: bold;">支持版本: </span>jQuery Mobile 1.3.2

- <span style="font-weight: bold;">链接和演示: </span>[http://driftyco.github.io/graphite/](http://driftyco.github.io/graphite/)





[![graphite-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/graphite-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/graphite-theme.jpg)

2. Flat UI theme

在 [<span style="font-weight: bold;">Flat-UI</span>](http://designmodo.com/demo/flat-ui/).的基础上创建




- <span style="font-weight: bold;">支持版本: </span>jQuery Mobile 1.3.2

- <span style="font-weight: bold;">官网: </span>[https://github.com/ququplay/jquery-mobile-flat-ui-theme](https://github.com/ququplay/jquery-mobile-flat-ui-theme)

- <span style="font-weight: bold;">演示: </span>[http://ququplay.github.io/jquery-mobile-flat-ui-theme/](http://ququplay.github.io/jquery-mobile-flat-ui-theme/)





[![flatUI-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/flatUI-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/flatUI-theme.jpg)

3. nativeDroid

- <span style="font-weight: bold;">支持版本: </span>jQuery Mobile 1.3.2

- <span style="font-weight: bold;">链接和演示: </span>[http://nativedroid.godesign.ch/](http://nativedroid.godesign.ch/)





[![nativeDroid-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/nativeDroid-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/nativeDroid-theme.jpg)

4. iOs theme

在IOS的界面上创建




- <span style="font-weight: bold;">支持版本: </span>jQuery Mobile jQuery Mobile 1.2

- <span style="font-weight: bold;">链接: </span>[https://github.com/taitems/iOS-Inspired-jQuery-Mobile-Theme/](https://github.com/taitems/iOS-Inspired-jQuery-Mobile-Theme)

- <span style="font-weight: bold;">演示： </span>[http://taitems.github.io/iOS-Inspired-jQuery-Mobile-Theme/](http://taitems.github.io/iOS-Inspired-jQuery-Mobile-Theme/)





[![ios_theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/ios_theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/ios_theme.jpg)

5. Android Holo-inspired theme

- <span style="font-weight: bold;">支持版本: </span>jQuery Mobile 1.3.2

- <span style="font-weight: bold;">链接: </span>[http://teusink.blogspot.com/2012/09/android-holo-theme-for-jquery-mobile-111.html](http://teusink.blogspot.com/2012/09/android-holo-theme-for-jquery-mobile-111.html)

- <span style="font-weight: bold;">链接: </span>[https://github.com/enathu/jqmobile-android-holo-light-theme](https://github.com/enathu/jqmobile-android-holo-light-theme)

- <span style="font-weight: bold;">演示: </span>[http://dl.dropboxusercontent.com/u/3875067/holo-light/index.html](http://dl.dropboxusercontent.com/u/3875067/holo-light/index.html)

6. Bootstrap jQuery Mobile Theme

- <span style="font-weight: bold;">支持版本: </span>jQuery Mobile 1.2 (unofficially it should also work with a version 1.3.2)

- <span style="font-weight: bold;">链接: </span>[https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme](https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme)

- <span style="font-weight: bold;">演示: </span>[http://andymatthews.net/code/jQuery-Mobile-Bootstrap-Theme/buttons.html](http://andymatthews.net/code/jQuery-Mobile-Bootstrap-Theme/buttons.html)





[![bootstrap-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/bootstrap-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/bootstrap-theme.jpg)

7. Metro Theme for WP 7.5

- <span style="font-weight: bold;">Supported version: </span>jQuery Mobile 1.1

- <span style="font-weight: bold;">Link: </span>[https://github.com/sgrebnov/jqmobile-metro-theme](https://github.com/sgrebnov/jqmobile-metro-theme)

- <span style="font-weight: bold;">Demo: </span>[http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/index.html](http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/index.html)





[![jQM-Metro](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/jQM-Metro.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/jQM-Metro.jpg)

8. Square-UI Theme

- <span style="font-weight: bold;">Supported version: </span>jQuery Mobile 1.3.2

- <span style="font-weight: bold;">Link: </span>[https://github.com/ququplay/jquery-mobile-square-ui-theme](https://github.com/ququplay/jquery-mobile-square-ui-theme)

- <span style="font-weight: bold;">Demo: </span>[http://ququplay.github.io/jquery-mobile-square-ui-theme/](http://ququplay.github.io/jquery-mobile-square-ui-theme/)





[![squere-ui-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/squere-ui-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/squere-ui-theme.jpg)

9. jQMobile WordPress theme

- <span style="font-weight: bold;">Supported version: </span>jQuery Mobile 1.2

- <span style="font-weight: bold;">Link: </span>[http://www.mobilizetoday.com/freebies/jqmobile](http://www.mobilizetoday.com/freebies/jqmobile)

- <span style="font-weight: bold;">Demo: </span>[http://www.mobilizetoday.com/preview/jqmobile/](http://www.mobilizetoday.com/preview/jqmobile/)





[![wordpress-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/wordpress-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/wordpress-theme.jpg)

10. BlackBerry theme

- <span style="font-weight: bold;">Supported version: </span>jQuery Mobile 1.2

- <span style="font-weight: bold;">Link: </span>[http://blackberry.github.io/jQueryMobile-BB10-Theme/#gettingStarted](http://blackberry.github.io/jQueryMobile-BB10-Theme/#gettingStarted)

- <span style="font-weight: bold;">Demo: </span>[http://blackberry.github.io/jQueryMobile-BB10-Theme/kitchenSink/index.html](http://blackberry.github.io/jQueryMobile-BB10-Theme/kitchenSink/index.html)





[![bb10-theme](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/bb10-theme.jpg)](http://caibaojianimg.u.qiniudn.com/uploads/2014/04/bb10-theme.jpg)