This article was published 12 years ago, therefore the contents of this post may be out of date.

Incorporating jQuery effectively and modestly in your website build is a daily process for many of us, as it is a great way to enhance and take the user experience to another level.

As the jQuery community is fantastic and developers are consistently releasing new and of the highest quality jQuery plugins. Today’s post we will be looking at a another great roundup of 18 latest and useful jQuery Plugins.

1. ImageFlip

ImageFlip is a simple and lightweight Image Gallery plugin for JQuery Mobile. It creates a new hash page on display allowing the back button to function instinctively. The new hash page destroys itself on exit, keeping your page count intact. Also, I try not to trespass on users’ bandwidth by preloading images to create transition effects.

2. Responsive IFrame

IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets and making the iframe responsive can sometimes be challenging but this jQuery plugin takes all the guest work out in a simple way but useful way.

3. Geocomplete

An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide an input that lets you search for locations with a nice autocomplete dropdown. Optionally add a container to show an interactive map and a form that will be populated with the address details.

4. markItUp

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.

5. WideText

WideText is a lightweight jQuery plugin that allows your to create full width text elements that will resize according to the browser window.

6. Product Colorizer

productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup. The plugin works in all major browsers including IE7+ (will work with IE6 if you use a png fix but who really use IE6 these days).

7. HatchShow

Hatchshow is a jquery typesetting plugin for balancing measures.Its a simple way to dynamically create text that resized, based on the width of its container and the amount of text on the line.

8. Baraja

With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowing a unique pattern.

9. jPanelMenu

jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

10. jQSlid

jQSlid is a simple jQuery plugin that offers parallel sliding for both content and the navigation. It can be used in various situations where sliding functionality is required. e.g You can use it for creating sliding banners and portfolio sliders with navigation and content sliding in parallel.

11. Volley

jQuery plugin for dividing and filtering elements based on their visual position. You can use it for running sequential animations on items.

12. Any List Scroller

ALS – Any List Scroller is the jQuery plugin by to scroll any list, of any dimension, with any content.

13. Bootpag

This jQuery is called is bootpag, this is a dynamic pagination jQuery plugin. It works well with twitter bootstrap or in standalone website.

14. TOC

TOC is a jQuery plugin that will automatically generate a table of contents for your page.

15. Jail (jQuery Asynchronous Image Loader)

JAIL is a jQuery plugin that lazy load images making your page load faster.  Images are downloaded when they are visible or when they become visible inside the viewport (area you see in your browser).

Images can be loaded after an event is triggered (such as click, mouseover, and scroll) or after a specified delay. It’s advisable to call jail() after the DOM has been constructed (document ready).hronous Image Loader

16. Trunk8

trunk8 is an intelligent text truncation plugin to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over.

Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space.

17. Sly

Sly is a jQuery plugin for one-directional scrolling simulation with item based navigation support.

18. Crumble

Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles. The tour itself is defined as a standard ordered list in your html, making it accessible.


18 Latest & Useful jQuery Plugins For Designers & Developers