10 Fantastic New jQuery Plugins

By Sam Deering

It’s been estimated that jQuery is now being used in over 50% of the top 10,000 websites! It’s a good thing the jQuery community has always met popularity head on by offering a constant influx of new fantastic jQuery plugins that push the boundaries of functionality ever-further. We are giving you today our collection of 10 really fantastic jQuery plugins. Have fun!

Related Posts:

1. Subway Map Visualization Plugin

Allows you create interactive subway map visualizations with HTML. Its style has been based on London’s Underground maps, with smooth curves & interchange connectors and 45-degree diagonals.

Subway Map Visualization Plugin


2. Website Tour with jQuery

Allows you to, as its name clearly states, create a tour on a website with jQuery. This can be very useful if you want to explain your users the functioning of your web application in an interactive way.

Website Tour with jQuery


3. jQuery Embedded Help System

jQuery E-Help is plugin for procedural(“How to …”) web user interface help and it’s easy to integrate into any web interface that supports jQuery. Useful for all web applications, CMS and E-commerce systems.

jQuery Embedded Help System


4. jQuery Runloop Plugin

Create your own small runloop with keyframes at your own choosing, each with code to execute. You can put whatever code you want in each keyframe, rearrange keyframes easily, and use reusable maps of code and/or animations to share between runloops.

jQuery Runloop Plugin


5. arbor.js – A Graph Visualization Library

A graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

arbor.js – A Graph Visualization Library

Source + Demo

6. MobilyMap

A lightweight plugin (7KB) that can create a Google Maps-like, draggable interface from any image. You can add markers, display captions, display HTML content when markers are clicked and the plugin has callback functions including onMarkerClick, onPopupClose and onMapLoad to better interact on every level.



7. jShowOff – A jQuery Content Rotator

A jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements inside a specified wrapper element on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more.

jShowOff – A jQuery Content Rotator

Source + Demo

8. jQuery Waypoints

Waypoints is a small plugin that makes it easy to execute a function whenever you scroll to an element. The plugin makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.

jQuery Waypoints


9. bvalidator – Client Side Form Validation

A jQuery plug-in for client side form validation. It supports fully customized error messages defined with template and CSS, many validation functions (actions) like date, email, URL, IP address, validation of dynamic forms, customized validation functions and more.

bvalidator – Client Side Form Validation


10. jQuery.validVal

A plugin designed to simplify form validation. It is highly customizable, feature-rich and can easily be dropped on any type of HTML-form (even AJAX- and HTML5-forms) with ease.



Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

No Reader comments

Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.