Check out 10 Useful Mobile JavaScript Frameworks for Web Development below:

1. Titanium Mobile JavaScript Frameworks

Titanium Mobile JavaScript Framework is one of the most preferred JavaScript frameworks for development of native mobile applications for Android and iOS operating systems. It has a large suite of APIs and a large developer community for helping developers who get stuck at any point during the development of a cutting edge mobile application. There is support for accessing camera and other features of a smartphone.

2. The M Project

The M Project is another one of the most renowned Mobile javascript Frameworks that has got immensely popular in recent times. It makes use of HTML 5 features for mobile app development for various mobile operating systems. It is based on Model View and Controller model, thereby separating the different aspects of the development process.

3. Jo Mobile Javascript Framework

Jo Mobile Javascript Framework is HTML5 based mobile development framework that is quite potent and rich in features. Using Jo Mobile, you can develop apps for Android, iOS, Blackberry, webOS and Chrome OS. You can make use of the same code for making native applications for a variety of operating systems.

4. jQuery Mobile

jQuery Mobile is a touch optimized framework for development of web applications that run on mobile operating systems such as Android and iOS. It has been built on jQuery and jQuery UI foundation. It has lightweight code and is easily themeable. There are loads of built-in tools for development of eye-catching applications that have pretty solid functionality. The applications built with jQuery Mobile are robust and quite fast.

jQuery Mobile javascript Frameworks is accompanied with a vast documentation that makes it pretty easy to understand. With little knowledge of jQuery, you can develop intelligent mobile applications for mobile operating systems like Android and iOS within a short period of time.

5. DHTML X

DHTML X is a free HTML and one of most widely-used mobile JavaScript frameworks for developing mobile apps for touch screen devices. It is fast, easy and robust at the same time. Make use of its visual editor that lets you design an incredible user interface for your mobile applications with ease. With its help you can develop great quality user interface with few lines of code.

6. Zepto.JS

Zepto.JS is another lightweight JavaScript mobile framework that can be utilized for easy development of mobile applications for various mobile operating systems. It weighs only 5kb, which essentially means that it does not take up much bandwidth for developing excellent mobile applications.

7. XUI.JS

XUI.JS is the ideal mobile development platform for developers looking for a solution which is robust, flexible and has support for AJAX and event handling etc. You can develop applications for specific browsers as well as for mobile operating systems. An extensive documentation is available for the developers to make use of. Besides that, there is a large user community that can help you out in case you get stuck anywhere.

8. Chocolate Chip Mobile

Besides having an interesting name, Chocolate chip Mobile is an impressive Mobile javascript Frameworks with interesting capabilities. It has a similar syntax as that of jQuery Prototype. Other important features of this framework include event handling with binding and delegation and ethodds like .toggleclass and.css.

9. Embed JS

EmbedJS is another excellent framework for developers who are into development of applications for a wide variety of devices such as TVs, tablets, and smartphones etc. It helps you develop impressive mobile applications by writing minimum amount of code. EmbedJS Build Tool can be utilized for customizing your build.

10. Mobilize.JS

Converting an existing website into mobile application is made easy by Mobilize.JS mobile app development framework. It has a long list of impressive features and comes loaded with a string of benefits.

http://feeds.dzone.com/~r/dzone/frontpage/~3/Wd-jTMIXOOI/60_free_resources_you_really_must_try.html

Mmenu

This jQuery plugin creates slick, app-like sliding menus for mobile sites.

Fabric textures

These 5 cloth textures are free to download as JPGs.

Fitgrd

This is a lightweight and cool looking responsive grid.

Horizontal menu

This is a horizontal slide-out menu with a grid based submenu.

Upload form

This is a mini Ajax upload form.

Minimalistic (free for personal use)

Minimalistic is a minimal WordPress theme with nice brushstroke patterns.

Mobile application UI kit

This mobile application UI kit is downloadable as a PSD.

Flat icon set

Who can have too many flat icon sets?

Flatilicious icons

Seriously, who can have too many?

Fries

Create an Android-like UI with HTML, CSS and JavaScript

Linecons

48 fully scaleable vector icons.

Windows

A jQuery plugin for fullscreen scrolling windows.

Slider

A useful free slider with gliding backgrounds.

Transit

Super smooth CSS transitions and transforms for jQuery.

FastCache

The fastest PHP object caching system ever, apparently.

Beag

A set of useful mobile app UI elements.

Mixitup

A CSS3 and jQuery filter and sort plugin.

Pricing table

A minimal pricing table for designers and developers.

Cesium

This is a JavaScript library for creating 3D globes in a web browser.

Bootstrap magic

Use this to create your own Twitter Bootstrap theme.

Map icons designer

Icons for Google maps, suitable for map applications.

Transparent UI kit

This is a layered UI kit in a PSD.

Topcoat

A CSS kit for lightweight web apps.

Controls settings

A useful PSD flat control panel.

CSS modal

A modal builder in pure CSS.

Sassaparilla

This is a quick way to jump-start responsive design projects.

Beach UI

A minimal UI kit in the form of a PSD.

Retina-ready menu

This is a responsive, touch-friendly menu with three layouts for different browsers.

Flexisel

A responsive carousel jQuery plugin.

W2UI library

As set of connected jQuery plugins designed for front end use.

Dark Accordion

A stylish navigation menu in a PSD.

Skel.js

A frontend framework for building responsive sites.

Magnific Popup

A responsive jQuery lightbox plugin.

Nice Less buttons

A set of buttons made in CSS.

Multipurpose website template

A beautifully designed PSD for any purpose.

Two.js

A 2D drawing API.

Flat UI login form

A trendy login and register form.

Ecommerce flat

A flat ecommerce UI kit in PSD format.

Brand identity

A layered PSD for presenting logo and identity design.

Animation fill code

An app to fill in the necessary code for CSS3 keyframe animations.

Countable.js

This script adds live paragraph, word, and character counting to an html element.

Github Archiveroom

Explore your Github archive in 3D.

iPhone 5 flat

A flat iPhone 5 mockup.

HoverMenu

An easily accessible menu anywhere on your page.

SLY

A JavaScript library for one-directional scrolling.

Flatstrap

A bootstrap skin using flat design techniques.

Packery

A JavaScript plugin for bin-packing layouts.

Snaps theme

A free portfolio theme for WordPress.

Easy responsive tabs

A jQuery plugin that optimises horizontal or vertical tabs.

CSS social share button

A flat social tooltip button.

Knockout

Use Knockout to simplify dynamic JavaScript UIs using the MVVM pattern.

Magazine mockup

A PSD template ideal for showcasing your projects.

Weather icons

A great set of weather icons in PSD format.

Flat icons set

Another set of icons, this time delivered as .png files.

Social media icon set

A free set of social media icons.

Simple icons

Another set of free icons.

Icon hover effects

Round icon hover effects, this time with CSS transitions.

Percentage bars

Flat style percentage bars built with CSS.

Twitter UI

A Twitter client UI built in CSS and HTML.

Music widget

A flat widget music player with simple animations.

1. jQuery Tippy

Tippy is a jQuery plugin that makes it very easy for the users to create simple, flexible and powerful tooltips for website using jQuery. Tippy is highly customizable with default options carefully configured to make it easy for anyone to get started.

Download | Demo

2. jQuery Color Picker Sliders

It is an advanced color selector with support for human perceived lightness. It works in all modern browsers and on touch devices and it’s responsive. This color picker sliders works internally in the CIE Lab color space represented with the CIE Lch color model.

Download | Demo

3. SKDZoom – Stylish image zoomer

SKDZoom is a jQuery stylish CSS3 image zoomer with rounded box and Lens zoom support. Easily customizable color and other options.

Download | Demo

4. jquery tags plugin

This is a jquery plugin that promises to help developers visualize their tags in a neat UI that too with just a single line of code.

Download

5. Simple HTML5 Music Player

Simple HTML5 music Player as it indicates is dedicated to music lovers. Its a skin-able HTML5 Audio player offering a custom design alternative to the generic browser rendered player. It requires jQuery 1.8+ for proper functioning.

Download

6. jQuery Dashboard Portal

jQuery plugin for Dashboard with layout enables users to add forms, presentation, an manage projects depending upon the need.

Download | Demo

7. Image Scale

Inspired from Sproutcore SC.ImageView, the image scale jQuery plugin lets you scale images to fit or fill any target container via two simple properties viz scale and align.

Download

8. Code Callout

Code Callout allows you to create links in your webpages thereby enabling you to highlight and comment on a Gist embedded in the page. When the user clicks the link, the page scrolls to the indicated lines, highlights them and pops up a note. Also you need not start reading all over again you can easily start from where you left by simply clicking the button.

Download

9. Flapper

Flapper is a jQuery plugin that replicates the split-flap well known as Solari displays that are common in train stations and airports. Flapper jQuery plugin can help display words or numbers, with or without formatting them. Available in six sizes, two color themes, and two animation styles Flapper is written entirely in HTML and CSS to let the users make it appear as they desire.

Download | Demo

10.Mikes Modal Library

Mike Modal Library is for creating a Facebook like modal box to be used. It features an image on the left and content on the right. The image scales to the largest size possible while still fitting in your monitors resolution.

Download

11. Ideal Postcodes jQuery Plugin

The Ideal Postcodes jQuery plugin lets you quickly add postcode lookups on a form using Royal Mails Postcode Address File. If the user wishes to look for a valid postcode, a dropdown menu is displayed and the selected address is piped into appropriate fields.

Download | Demo

12. jQuery List Selection

This jQuery is for file managing style rich selection for lists of elements.

Download

13. jQuery Reactify

Make browser click events trigger immediately on iOS and Android with the jQuery Reactify. Clone the repository, place jquery.reactify.js to your project’s JavaScript folder, add <script type=”text/javascript” src=”js/jquery.reactify.js”></script> to your HTML and add a script that enables reactify with jQuery.

Download

14. FailSafe

Its a jQuery Plugin that makes your App Robust. Also, it protects your App from lost Internet connectivity and low battery level. When a user loses Internet connectivity or the system charge goes down, this plugin shows a very user-friendly message to the user.

Download | Demo

Progression.js: Create friendlier forms

Progression.js is a jQuery plugin that makes it easy to add real-time hints to your forms. It also lets you include project updates for each field.

20 Fresh jQuery Plugins

AnimatedScroll: jQuery Plugin for Animating Scroll

AnimateScroll is a beautiful jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.

Demo Download

Echo.js: Simple JavaScript Image Lazy Loading

Echo.js is a simple image lazy loading library, it’s less than 1KB minified. Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it’ll get from the server for you upon request, which is automated by simply changing the image src attribute.

Demo Download

Multi-Level Push Menu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.

Demo Download

jQuery Flat Shadow: Create Long Shadows Flat UI

Long shadow effects are widely used to create a depth for any element in flat design. jQuery Flat Shadow is a plugin which can add this fading shadow to everything targeted.

Demo Download

tidyTime.js: Display More Friendly Time with jQuery

tidyTime.js takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarter past 8 in the evening, it’s nearly half past 4 in the afternoon, it’s just gone 25 to 6″ and more. By adding additional text before and after the time you are able to create powerful friendly interaction with users.

Demo Download

Taggd: jQuery Plugin to Tag Images

Taggd is a jQuery plugin that help you create tags on images with, or without a popup!

Demo Download

UIKIT: Lightwight Front-end Framework

UIkit is a front-end framework, built by YOOtheme, for creating cross-browser and responsive layouts faster.
It is lightweight, has a modular structure and uses LESS for styles + jQuery for the JavaScript.

Demo Download

slimMenu: Multi-Level Responsive Menu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. It converts an unordered list with any depth into a menu with sub-menus and, for smaller screens, the menu becomes a drill-down navigation. It is touch-friendly and has several options for customization like the animation or its speed.

Demo Download

Tabulous.js: Create Tabs with Effects

Tabulous.js is a lightweight jQuery plugin that simplifies creating them with a plain HTML structure. The tabs created can be styled with CSS and multiple switching effects exist (slide, scale, scale up and flip).

Demo Download

Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin

Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly. The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

Demo Download

Summernote: WYSIWYG Editor on Bootstrap

Summernote is a super simple WYSIWYG editor on Bootstrap. It’s open source and easy to install. Lightweight (Summernote: 30Kb), Smart User Interaction, Customize by Initializing options, Safari, Chrome, Firefox, Opera ,Internet Explorer 9+ (IE8 support coming soon)

Demo Download

flipLightBox: Responsive Lightbox jQuery Plugin

flipLightBox is a responsive Lightbox that is extremely easy to implement and doesn’t require additional stylesheets, scripts or libraries.The coolest feature of flipLightBox is that it has optional flip effect as each lightbox image opens and closes.

Demo Download

jquery.arbitrary-anchor.js: Smooth Scrolling For Any Element On Page With jQuery

With jquery.arbitrary-anchor.js , you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality, that is, an anchor tag with a name value attribute will still get scrolled to as normal. The same goes for an element with an ID which matches the hash. This little plugin will take care of everything else.

Demo Download

Minified.js: Lightweight JavaScript Library

Minified.js is a very strong alternative to these frameworks and it comes with an impressive size, less than 4kb minified. Minified.js is a client-side JavaScript library, comparable to jQuery and MooTools in scope. Its features include DOM manipulation, animation, events, cookies and HTTP requests.

Demo Download

RTP.Slider.js: Touch Enable and Responsive Slider Plugin

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

Demo Download

Tabby: Lightweight and Mobile First Toggle Tabs

Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It’s style-light so you can easily modify it to fit your design.

Demo Download

Sticky-Kit: jQuery plugin for Making Smart Sticky Elements

Sticky-Kit is a very handy jQuery plugin that simplifies creating/managing such sticky elements and comes with features for complex use.

Demo Download

S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery makes use of HTML5′s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features. Once an item is clicked and focused, it is possible to browse others with prev-next buttons or via keyboard.

Demo Download

On Scroll Effect Layout: Beautiful Scroll Effects

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

Demo Download

Showcase Of Fresh And Free jQuery Plugins And Tutorials

App Showcase with Grid Overlay

( Demo | Download )

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

Thumbnail Grid with Expanding Preview

( Demo | Download )

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

Mini Help System with jQuery

( Demo | Download )

In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.

jQuery Animated Bar Plugin: jqBar

( Demo | Download )

This is a simple jQuery plugin for creating animated vertical and horizontal bars. The plugin is called jqBar. jqBar can be used in variety of situations where you want to present data with some visual effects. It helps you crate beautiful bar charts to represent skill set or can be used as a progress bar. Plugin is very light weight and can be completely customized.

Charts For Your App with jQuery and xCharts

( Demo | Download )

Make Pretty Charts For Your App with jQuery and xCharts.

iOS-Style Content Slider using jQuery

( Demo | Download )

In this tutorial I want to focus on one useful plugins called iosSlider. This is an open source project with numerous options for customizing your own media slideshow. This includes typical animations and effects for when the user clicks or hover over slideshow items.

Create a Sticky Navigation Header Using jQuery Waypoints

( Demo | Download )

In this tutorial, we’ll be creating a navigation bar that stays with you as you scroll down — and we’ll also throw a gimmick or two into the mix to polish it off.

Interactive Infographic with SVG and CSS Animation

( Demo | Download )

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

PUtting CSS Clip to Work: Expanding Overlay Effect

( Demo | Download )

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.

Slider Pagination Concept

( Demo | Download )

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

Make a Google Powered Shopping Search Website

( Demo | Download )

In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other useful information.

How to Create a Simple Multi Item Slider

( Demo | Download )

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

Responsive & Tough Friendly Audio Player

( Demo | Download )

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.

Calendario: A Flexible Calendar Plugin

( Demo | Download )

A jQuery calendar plugin for creating flexible calendars.

Simple Effects for Drop Down Lists

( Demo | Download )

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

How to Make a Tumblr-powered News Ticker

( Demo | Download )

In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items to your users. Adding news will be done by creating new blog posts in your Tumblr dashboard.

Create Attractive Coming Soon Template with CSS 3D and Javascript

( Demo | Download )

We are going to make an attractive coming soon html template with CSS3, CSS 3D transform and jQuery. Let’s go a little wild with CSS3 even though some old browsers won’t support it. However, for CSS 3D transform part, we will make it degrades gracefully. Instead of the awesome 3D flipping effect, we will be substituted with just a simple hide and show effect.

jQuery Responsive Horizontal Accordion Image Slider: Raccordion

( Demo | Download )

This is a multi purpose responsive accordion image slider plugin raccordion. Its a horizontal image slider that adjusts according to the size of the browser width. raccordion slider adds variety and style.

3D Flipping Circle with CSS3 and jQuery

( Demo | Download )

In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

How to Make a Mac OSX-like Animated Folder with CSS3

( Demo | Download )

In this short tutorial, we are going to make a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. In addition, we are going to use jQuery UI and its drag and drop interactions to build a pretty interactive demo.

Create a Beautiful Password Strength Meter

( Demo | Download )

In this tutorial we will be creating a beautiful password strength indicator. It will determine the complexity of a password and move a meter accordingly with the help of the new Complexify jQuery plugin.

TiltShift.js

( Demo | Download )

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

Vertical Showcase Slider with jQuery and CSS Transition

( Demo | Download )

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.

Custom Drop Down List Styling

( Demo | Download )

A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

Creative Web Typography Styles

( Demo | Download )

Let’s create some interesting web typography effects with several CSS techniques and the help of lettering.js.

Live Album Previews with CSS3 and jQuery

( Demo | Download )

Here we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Slicebox Revised

( Demo | Download )

Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.

Fullscreen Video Slideshow with Bigvideo.jg

( Demo | Download )

A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.

Fullscreen Pageflip Layout

( Demo | Download )

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Responsive CSS Timelinge with 3D Effect

( Demo | Download )

A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected.

Creative CSS Loading Animations

( Demo | Download )

In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators.

Basic Ready to Use CSS Styles

( Demo | Download )

This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements.

Hexaflip: A Flexible 3D Cube Plugin

( Demo | Download )

HexaFlip is a JavaScript UI plugin that let’s you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins.

Animated CSS3 Photo Stack

( Demo | Download )

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.

Make a Web App with Instagram-like Filters

( Demo | Download )

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it.

Dropbox File Uploader With Twitter Bootstrap

( Demo | Download )

Here we are going to use this feature to create a simple application that allows people to attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the result. Additionally, we will make use of Twitter Bootstrap to show dialog windows, and PHP on the backend for the actual photo cropping.

How to grab Dribbble feed with jQuery and CSS3

( Demo | Download )

As a web developer, third party API integration is something you will have to face. Especially with the current trend, we have facebook, twitter, flickr etc. Today, we are going to look at dribbble’s API. Dribbble is a place to show off your design, it’s based on invitation basis, therefore, most designs are of high quality.

Photo Booth Strips with Lightbox

( Demo | Download )

A tutorial about how to create some neat scrollable photo booth strips and integrate Lightbox 2 and customize it in order to make it responsive and touch-device friendly.

How to Build a ToDo Application with Web SQL and jQuery

( Demo | Download )

This tutorial will take you through the step by step development of building a ToDo App entirely powered by Web SQL. You will learn about getting started with Web SQL, understanding transactions, following best practices and how to write re-usable functions.