15 Exciting JavaScript Mobile Plugins for 2013

Share this article

Here’s an early look at our yearly round-up of 15 Exciting JavaScript Mobile plugins you might find inspiring! The mobile plugins that have make the cut feature the usual date picker widgets (which I personally like), photo viewers, navigation plugins and more mobile snaz. Inclusions are for jQuery Mobile Plugins, HTML5 Mobile UI components, Mobile Templating/bootstraps. Hope you enjoy and find something inspiring! =)

1. Mobiscroll

Customizable HTML5 UI components for touch devices like smartphones and tablets

MobiScroll.jpg
SourceDemo

2. Jquery-flip

jQuery/jQuery mobile plugin to give Flipboard app like effect. Currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the “slide” effect will be selected forecely.

jQuery-Flip.jpg
SourceDemo

3. Mobify.js

An open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more.

Mobify-JS.jpg
SourceDemo

4. TinyNav.js

Converts your “navigations created with lists” into select dropdowns when browsed on small screens. It also automatically selects the current page and adds selected=”selected” for that item.

TinyNav-JS.jpg
Source + Demo

5. Google maps jQuery Mobile plugin

Google maps v3 plugin for jQuery and jQuery Mobile

Google-Maps-jQuery-Mobile.jpg
SourceDemo

6. jPanelMenu

a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, etc..)

jPanelMenu.jpg
SourceDemo

7. Tappable

A simple, standalone library to invoke the tap event for touch-friendly web browsers.

Tappable.jpg
SourceDemo

8. Swipe.js

The most accurate touch slider.

Swipe-JS.jpg
Source + Demo

9. JQuery Mobile Date Navigation

Provides a navigation between date range, either by a defined range (week, month and year). Ideal for querying information accurately by AJAX calls.

jQuery-Mobile-Date-Navigation.jpg
Source + Demo

10. gShake

This is a jQuery Plugin that enables you to attach a function to a “Shake Event” for devices with iOS 4.2+

Example code:

$(document).ready(function() {

     $(this).gShake(function() { 
       // what happends when shaked?
    });

});

Source

11. Photoswipe

Inspired by the iOS photo viewer and Google images for mobile, PhotoSwipe is a HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

PhotoSwipe.jpg
SourceDemo

12. Snap.js

A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)

Snap-JS.jpg
SourceDemo

13. MobiPick

An Android-style datepicker widget for jQuery Mobile. It uses the date library XDate and allows progressive enhancement for date input fields using Modernizr.

MobiPick.jpg
SourceDemo

14. jQuery Mobile Pagination Plugin

A jQuery Mobile plugin for sequential pagination between pages with support for touch, mouse, and keyboard!

jQuery-Mobile-Pagination.jpg
SourceDemo

15. DateBox2

A jQueryMobile plugin that aims to make user interaction with dates and times simple and intuitive. It has a simpler interface then Mobiscroll or Mobipick but at the same time it is insanely configurable.

DateBox-2.jpg
Source + Demo

Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

jQuery
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form