Available iPhone Web Application JavaScript UI Library/Frameworks

JavascriptIphoneFrameworksMobile Safari

Javascript Problem Overview


I'm starting a web application that will target Mobile Safari on iPhone/iPod Touch. I'm evaluating the available client-side JavaScript/CSS libraries/frameworks that are currently out there.

These are the ones I'm currenlty aware of:

  • [iUI][1]
  • [CiUI][2]
  • [UiUIKit][3]
  • [WebApp.Net][4]
  • [iWebKit][5]
  • [Apple's Dashcode Application][6] - not really a standalone library/framework, but it provides/generates JavaScript, CSS, and images that conform to the native iPhone UI metaphors.

Are there any others out there? I want to make sure I'm not missing any before I make a decision. I'm only looking for client-side JavaScript/CSS solutions and building one from scratch isn't an option because of time constraints. No server-side PHP, Ruby, Python, Java, etc. solutions.

I am aware of the [iPhone web applications, templates, frameworks?][7] question that was asked, but this only mentioned iUI and UiUIKit.

Thank you

[1]: http://code.google.com/p/iui/ "iUI" [2]: http://code.google.com/p/ciui-dev [3]: http://code.google.com/p/iphone-universal/ [4]: http://webapp.net.free.fr/ [5]: http://snippetspace.com/projects/iwebkit/ [6]: http://developer.apple.com/documentation/AppleApplications/Conceptual/Dashcode_UserGuide/Contents/Resources/en.lproj/Introduction/chapter_1_section_1.html [7]: https://stackoverflow.com/questions/8756/iphone-web-applications-templates-frameworks

Javascript Solutions


Solution 1 - Javascript

Old question, but still relevant. Sencha (the new name of the company behind ExtJs) just released the mobile app platform Sencha Tounch for iPhone, iPod, iPad and Android: http://www.sencha.com/products/touch/

Blog post that explains the difference between jQTouch and Sencha Touch: http://9-bits.com/post/723711597/jqtouch-and-sencha-touch

Update: John Resig recently announced that the jQuery team is working on a mobile UI library. Looks promising: http://jquerymobile.com/2010/08/announcing-the-jquery-mobile-project/

Solution 2 - Javascript

PhoneGap isn't exactly what you're asking about, but is something you might want to be aware of. It's a wrapper for making iPhone apps using HTML/CSS/JavaScript.

Solution 3 - Javascript

My personal preference is jQTouch. It's a great framework to work with and includes both javascript and CSS assets to make web applications that really give the feel of native applications.

For accessing the lower level functionality of the native device, you can always wrap your HTML files, JS + CSS + jQTouch assets into a native app using something like phonegap, rhomobile or appcelerator, however, this does require a mac to compile and deploy the native application to the appstore.

Certainly most of the things I am looking at are just web applications, so jQTouch does the job nicely. Did a blog post combining my thoughts in my detail on my blog, link below:

iPhone and Android Web Application Frameworks

Solution 4 - Javascript

QuickConnectiPhone has what you are asking for. There is a custom project type for Dashcode that allows you to quickly create your app. If you then want to run it installed on an iPhone or touch you can then drop it into Xcode and compile it up.

It includes wrappers for AJAX and the SQLite database that exists within the Safari browser on the iPhone and touch.

You can get it at

http://sourceforge.net/projects/quickconnect/

More information is available at

http://tetontech.wordpress.com

Solution 5 - Javascript

JQTouch is not really an app dev framework..it is a style and animation "wrapper".

QuickConnect provides start to finish app development on iphone, droid, and blackberry. The iphone is the most complete.

It can incorporate JQTouch for look and feel and is well-documented.

PhoneGap can be used in conjunction with JQTouch as well but in my experience PG documentation and instruction is harder to find.

Solution 6 - Javascript

I would second jQTouch. It uses native CSS animations and behaves reasonably smoothly on my iPod Touch.

Solution 7 - Javascript

I second jQTouch being a great full featured solution. But if you are just looking for a JavaScript library I'd recommend XUI. The syntax is based on jQuery but the library is tuned for mobile development.

Solution 8 - Javascript

The folks at DHTMLX also have a mobile library

DEMOS: http://dhtmlx.com/touch/samples/

Solution 9 - Javascript

use http://jquerymobile.com/ it is well supported by industry leaders

Solution 10 - Javascript

I like Uranium. It's a lightweight set of widgets. (It also includes the XUI framework). I find jQuery too bloated for mobile use. I need a smaller library. Uranium is a bunch of pre-defined widgets, which I find pretty useful for most functions I want to perform on a mobile site.

Solution 11 - Javascript

There is also jPint

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionpfeilbrView Question on Stackoverflow
Solution 1 - JavascriptgregersView Answer on Stackoverflow
Solution 2 - JavascriptAndrew HedgesView Answer on Stackoverflow
Solution 3 - JavascriptDamon OehlmanView Answer on Stackoverflow
Solution 4 - JavascriptLeeView Answer on Stackoverflow
Solution 5 - Javascriptuser239804View Answer on Stackoverflow
Solution 6 - JavascriptSteve HarrisonView Answer on Stackoverflow
Solution 7 - JavascriptBen BahrenburgView Answer on Stackoverflow
Solution 8 - JavascriptAlex NolascoView Answer on Stackoverflow
Solution 9 - JavascriptkemView Answer on Stackoverflow
Solution 10 - JavascriptmichaelView Answer on Stackoverflow
Solution 11 - JavascriptMagnetic_dudView Answer on Stackoverflow