Mobile Angular UI

 
 
 
 
Essentially, Mobile Angular UI is a hybrid mobile application framework built on the top of Bootstrap 3. It provides essential components missing in the Bootstrap 3, like switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars that don’t bounce on a scroll. It requires no jQuery dependencies, nor fat bootstrap js. Just a few AngularJS directives including robust libraries like fastclick.js and overthrow.js so it can offer A better mobile experience.
 
There’s also one thing this framework can do better than other frameworks reviewed here; it makes it trivial to bring an existing Bootstrap desktop web app to the mobile world.
 
Official Site Documentation GitHub
 
 

Good

  • It’s a mobile only Bootstrap 3 including some mobile-only components
  • Striped down and lightweight
  • Excellent if you want to create a mobile application out of your desktop site
 

Bad

  • If you hate Bootstrap, you will also not like this framework
  • Not mature enough compared to other frameworks
  • Below an average documentation
  • Almost nonexistent community
 
 
 
 

Onsen UI

 
 
 
 
Just like the Ionic framework, Onsen UI is a relatively new addition to hybrid mobile framework market. It was released around the same time like Ionic framework, and its name was taken from the Japanese language (温泉) and it is a term for hot springs or spa.
 
It was built around AngularJS though it’s not wrapping it like Ionic framework does. This way you can use the latest AngularJS version, but you’re at the same time losing “possible” speed benefits.
 
Onsen UI CSS framework is built around the Topcoat library that doesn’t contain any JavaScript making it somewhat faster than other similar frameworks. This makes it a perfect solution for both hybrid and web apps.
 
Where OnsenUI shines the best are tools built around it, chiefly Monaca IDE. Through this IDE, you can design, build and deploy your final application. All of this inside a single online IDE tool.
 
One last thing, I have already written a detailed overview of the OnsenUI, you can find it in the “Interesting resources” section below. There’s simply no point in repeating everything again.
 
Official Site Documentation GitHub
 
 

Good

  • Free and Open Source
  • Latest changes make it possible to work with jQuery
  • Large 3rd party plugin support through jQuery and AngularJS
  • Supports Cordova, PhoneGap, or native app packaging with Monaca IDE
  • Usable even for classic web development
  • Multi-screen Support
  • Monaca IDE – you can create and deploy you app through this tool, you can even use it to create Ionic apps
  • Custom routing, easier than classic AngularJS routing
 

Bad

  • If you like HTML5 markup based frameworks then this is not a framework for you.
  • Much smaller community than the rest of competition
  • Support only through the StackOverflow
 

Interesting resources

 
Detailed Review
 
 
 
 
Continue Reading

  • Rashid NK

    nice comparison of the top frameworks, did u miss intel XDK ?

    • Hi Rashid, there’s a good reason. It was not included because it’s not a framework per se, it’s an IDE toolkit. While great it’s the topic for some other article.

  • AHmed Rebai

    why you don’t speak about phonegap sir , it’s a grateful hybrid framework fro mobile development ans it use Angularjs

    • Phonegap, just like Cordova, is not a hybrid mobile framework. It’s a wrapper framework you can use to create a native mobile app shell around some HTML5/CSS/JavaScript content.. Also you can use anything inside it, you can go even so far to use only HTML5 and CSS without JavaScript of any kind.