Moobile 0.1 Released

Written By Jean-Philippe Déry, on Tuesday, April 24th 2012, 12:22pm


Moobile is a mobile web application framework built on MooTools. It focuses on building mobile apps that behave as close as possible to their native counterparts, either on a mobile browser or on a webview wrapper such as Phonegap.

Moobile is also meant to be extended. I believe one of the strengths of a mobile web app is the ease of creating something entirely different. Moobile helps in this area by providing a structure as well as controls, view and controllers that can be easily extended to suit your needs.

Moobile relies on external stylesheets for presentation and animations which makes it easy to customize. Rules that should not be changed are marked with an /* Important */ comment. Following these notes will make your app less likely to break or behave strangely.

Moobile also includes a simulator which works in Google Chrome and Safari. This tool will help you develop your app faster as it will give you a good idea of how your app looks and behaves on different devices and orientations. Also, it’s a lot easier to debug and profile your code on a desktop browser. The simulator, however, is not meant to replace a real mobile browser. I encourage to test your application often (and early) in a mobile browser.

Supported platforms

Moobile currently works on Webkit-based browser and has been tested with Safari Mobile on iPhone 3GS, 4, 4S, iPad 2 and “the new iPad”. The simulator runs in both Google Chrome and Safari.

Future Plans

Apart from the usual bug fixing and performance enhancements, the next step is to extend its supported platforms, starting with Android. I’m also looking to make Moobile work with all major browsers supporting CSS transformations, transitions and animations such as Firefox and Opera.

I also plan on improving the simulator so it can simulate multi-touch gestures much like the iOS simulator.

How to help

There’s so much to be done and so little time. If you’re interested in helping, you can contact me at and we’ll see what can be arranged.

Get it!

Grab your copy at The project is also hosted on github at .

8 Responses to “Moobile 0.1 Released”

  1. Rolf says:

    I burned my fingers, so hot! If I used Twitter I would tweet about this… awesome work!

  2. André says:

    Really great! Im a big fan of mootools since moofx. :D but we had to switch to Ext at work, because of sencha touch and the application framework. Would be nice to have something “the mootools way”. mootools was always fun to look at source code - it´s like art. i loved it. and mootoolers are great, for example Chee Aun with his gread HN mobile app: Keep on that great art-work!

  3. Barryvan says:

    Do you have an ETA on cross-browser support? I can’t really see myself (or my company) using this until it supports Firefox and IE. I’m a bit curious as to why you only targeted webkit, given that all of the current-gen browsers are pretty much equally capable.

    Of course, the Mozilla and MS teams are talking about supporting -webkit- prefixed CSS properties on mobile, so this may become a moot point.

  4. JamesH says:

    Very cool, good luck on the mobile scene! Love MooTools =)

  5. Occasion Expert says:

    Really impressive. I love the idea to use mootools for my websites and now for the mobile versions! Thanks for the iphone/ipad simulator, it’s very useful to test without ftp all the files after each modifications and test on ipad :)

  6. Matthew says:

    Wow. This is a great leap forward for the Mootools framework. Well done.

  7. olvlvl says:

    Should be renamed “i”moobile. I really don’t know what to think about it. It’s clearly aimed for iPhonish interfaces and for that reason it really stands out in an ICS environment, but not in a good way.

    We’ll see…

  8. Hampus says:

    Love this! No more JQtouch/JQmobile