CSS Frameworks for Mobile Dev

Looking for a pure css ui framework for mobile web

If you'd like a iOS-style framework you can try iWebKit and iUI.

You could also use any responsive framework, like Bootstrap.

Flexbox Box model vs CSS frameworks for Apache Cordova mobile apps

Bootstrap would be a more than acceptable option here, it allows you to then use any JavaScript frameworks that you like to build the rest of your application. It has a large developer community and easy to override CSS should you want to. For example, I've built Cordova applications using Bootstrap with JQuery and Handlebars as a templating engine, but you could use React JS, Angular etc if you wanted to.

If you want something that is more tied to a specific JS framework, consider the Ionic Framework. I've also successfully completed Cordova projects with this, it's very fast and well supported but does tie you to Angular JS at this point (although this may not be the case in future).

JQuery Mobile would also give you a big CSS / UI elements headstart without tying you to a specific JavaScript framework, but isn't as actively maintained these days.

The Dojo Toolkit could be a consideration too.

Sencha Touch gives you a UI framework along with a MVC model and data store / management capabilities, but has a high learning curve.

UI Framework for CrossPlatform Development

You can take a look at AlterNET UI, it's a cross-platform .NET UI framework, primarily targeting desktop applications development.

It's still in the early betas, we're about to release beta 2 with WPF-like features like support for layouts, bindings, dependency properties, routed events and handling keyboard/mouse input.

These are other frameworks we looked at before coming up with own solution: JavaFX, Electron, Qt, AvaloniaUI and MAUI, you may read a bit more information here.

Custom CSS for Mobile development using Phonegap/Cordova

As you said "but having the visual style for each mobile platform?" I understand you are searching for a native look in the apps. the other answers are good frameworks however unless you want to spend time tweaking css they will not look similar to a native UI (visually).

I have worked with Twitter bootstrap and jQM. So far so good but for a native UI look I will go for the following options which I think are the best.
These are my top choices after spending a considerable time looking for a jQM alternative as I am not really happy with it in specific aspects.

EDIT: I am adding two new options based on my experience and what I have found so far (ionic and onsen ui).

Ionic Framework

http://ionicframework.com/

Intended to develop hybrid app using Angular JS is a really gem.
I have been working with it and it has really helped me to develop faster than when using jQuery.

It also was UI elements that you can use out of the box and they are styled properly for iOS and Android although I think its style is more iOS-lish.

Pros

• Angular JS based framework
• Speed up the development process because of angular JS powers
• Very well documented and a lot of examples and tutorials and recipes.
• You could use the CSS without using angular if it is required
• Free and open source
• theming is done via CSS or SASS
• Enough components out of the box to start building and app.

Cons

• Maybe reading the ionic documentation and the Angular ties if you want to enjoy all of its powers, but it worth it.

Onsen UI

http://s.onsen.io/

I have not work yet with it but it looks like a really complete UI option for hybrid apps.

Pros

• Work with Angular and jQuery was well
• Free and Open SourceFree and Open Source
• It has a theming tool which make easier to customize the look in case you are afraid of CSS or SASS.

Kendo UI mobile

http://www.kendoui.com/mobile.aspx

Pros

• It help you create a native look with already native UI looking elements for Android, iOS, Windows Phone, BB.
• Incorporates an MVC framework
• Theming machine like jQM theme roller
• Looks solid (I am looking forward to use it soon)
• jQuery based so you can leverage the power of all jquery and JS libraries out there to solve specific problems very easily.

Cons

• It is not free for commercial use.

PhoneJS

http://phonejs.devexpress.com

Pros

• jQuery based so you can leverage the power of all jquery and JS libraries out there to solve specific problems very easily.
• Optionally support Knockout.js for MVVM user interface development

Cons

• Seems like its community is far less reduced in comparison with kendo, so I am not sure how much people are out there using it and that could help later.
• It is not free for commercial use.

Chocolate chip UI

http://chocolatechip-ui.com

Pros

• iOS 7, Android Jelly Bean and Windows Phone 8 UI looking
• Open Source and the project looks active
• jQuery compatible
• ChocolateChip-UI uses its own JavaScript library, ChocolateChip, for DOM manipulation, Ajax requests, etc. It is very similar to jQuery. (they claim have better performance than jQuery and Zepto)

Cons

• Doesn´t seems that have a wide community out there

Steroids

http://www.appgyver.com/steroids

If you feel like a adventure explorer take a took at steroids, which is cordova compatible and they claim you UI will perform as well as native.
It is quite new, I haven´t give it a try but I seems promising, however as still is not widely used I did not decided to use it as having a lot of people using it is helpful when you face problems.

NOTE: If other have interesting alternatives to experiences with this or other UI frameworks for cordova/phonegap please share!

---

Related Topics