jQuery Mobile is a great framework, and every great product needs a great looking UI. Unfortunately, jQuery Mobiles default theme is not something I would call a pinnacle of modern design. The default CSS document that comes with jQuery Mobile has a theme with a set of five swatches that are named a, b, c, d, and e. By convention swatch a is the highest level of visual priority; it is black in the default theme. Each swatch comes in a different color.
 
I think that they look familiar and dry, and my desire is to offer you better-looking alternatives. My original intention was to include only free themes, but last two years brought us only one new theme, so I’ve decided also to include premium themes.
 
Update: This page has been updated on July, 13 2015. Before you proceed always double check if a theme has been updated to higher jQuery Mobile versions (I will try to update everything from time to time).
 
 

Note: If this tutorial was helpful, need further clarification, something is not working or do you have a request for another Ionic post? Furthermore, if you don't like something about this blog, if something is bugging you, don't like how I'm doing stuff here, again leave me a comment below. I'm here to help you, I expect the same from you. Feel free to comment below, subscribe to my blog, mail me to dragan.gaic@gmail.com, or follow and mention me on twitter (@gajotres). Thanks and have a nice day!

PS. If you want my help, if possible (even if it takes you some time to do that), create a working example I can play with. Use Plunker for AngularJS based questions or jsFiddle for jQuery/jQuery Mobile based questions.


 
 
Graphite is a beautiful and minimalist theme pack and generator for jQuery Mobile.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.3.2
  • Status: Free
 
DavinciSDK
 
 
Theme for jQuery Mobile based on Flat-UI.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.4.5
  • Status: Free
 
DavinciSDK
 
 

nativeDroid is a remarkably beautiful jQuery Mobile theme that combines Google material design with strict jQuery Mobile principles.
 
Update: (June, 29 2015) This theme has been updated to reflect Android material design.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.4.5
  • Status: Free
 
DavinciSDK
 
 
This theme is based strictly on the old iOS Settings page design. Characterized by its signature striped background and white minimal lists, this is a great theme to use for settings or dashboard-type interface.
 
If you need a newer iOS, look and feel take a look at the iOS 7 theme below.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile jQuery Mobile 1.2
  • Status: Free
 
DavinciSDK
 
 
The theme isn’t an exact copy of Holo but is inspired by it in terms of color scheme, fonts, and the corners for example. To make sure the theme can easily be ported to newer versions of jQuery Mobile. The font is Roboto, to be more precise, Roboto Regular and Roboto Thin.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.3.2
  • Status: Free
 
DavinciSDK
 
 
A jQuery Mobile theme based on Bootstrap. This theme overrides the existing jQuery Mobile A – E swatches (and adds an F swatch as well) with colors and styles found in Bootstrap. It’s meant to be used with A as the primary swatch (for the page) and B – F as accents as needed.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.4.5
  • Status: Free
 
DavinciSDK
 
 
Name tells you everything, this theme provides a Metro user interface for jQuery Mobile on Windows Phone 7.5.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.1 (it should work up to 1.3.2 but I can’t confirm it.)
  • Status: Free
 
DavinciSDK
 
 
This theme for jQuery Mobile is based on Square-UI, and yes, it is pretty square.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.4.5
  • Status: Free
 
DavinciSDK
 
 
jQuery Mobile WordPress is a free mobile optimized WordPress theme based on jQuery Mobile framework. It can represent your blog in mobile and/or desktop browsers. You may use it for the mobile view only along with WordPress Mobile Pack plugin.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.2
  • Status: Free
 
DavinciSDK
 
 
jQMobile — is a free mobile optimized WordPress theme based on jQuery Mobile framework. It can represent your blog in mobile and/or desktop browsers. You may use it for the mobile view only along with WordPress Mobile Pack plugin.
 
GitHub && Demo
 
  • Supported version: jQuery Mobile 1.2
  • Status: Free
 
DavinciSDK
 
Continue Reading (more themes on the second page)

  • JZA

    I wonder is there a material design inspired theme. The Flat UI looks very G+ like, but I wonder if there has been maybe a new one since the writing of this column.

    • I’m looking from time to time but I never found any. A latest thing I found was the iOS 7 and 8 theme.

    • …we have just updated the nativeDroid theme from HOLO to material design. Probably worth a look? http://nativedroid.godesign.ch

      • Thanks, I will update my article to reflect current changes.

  • Patrick

    Curious, does jQuery Mobile have the ability to make use of a jQuery Tag Cloud? I’ve been out of the loop on jQuery development and brand new to jQuery Mobile.

    • Which one .. several vesion exist?

  • Hi we are creators of the jQuery Flat UI theme. We released two new premium themes just recently. Please check them out http://store.ququplay.com

  • Ed

    Hi, I found theme with clear transparent buttons that glow in a photo that I would like to use for my mobile app (see link to photo below). Would you happen to know if it is possible to find/duplicate similar buttons/background with jQuery UI?

    http://www.shutterstock.com/pic.mhtml?id=102276643

  • Chrys Hyphus

    What happened to the iOS 7 theme? The “Buy It Now” link is broken.

  • sapan kumar das

    what are the between difference phonegap and cordova
    with example asap.
    i waiting for response
    thanks
    Sapa

    • Just google it.

    • Rantidev Singh

      Phone gap is owned by Adobe and Cordova is opensource

  • citynorman

    Great collection, thanks for putting this together! nativeDroid2 looks proper slick!

  • Rashid NK

    is there update for ios theme, its for jqm 1.2x

  • Jason Obona

    is there theme for ubuntu anyone?