With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the jQuery community has always met its popularity head on by offering a constant influx of new plugins that constantly push the boundaries of functionality ever-further.

Yeah, we really do love jQuery icon smile 30 Fantastic New jQuery Plugins

We haven’t actually had a good look at jQuery plugins in quite a while, so today, we thought we would bring you up-to-date with some of the latest and greatest.

CodeExplorer


fc4b1 designnews 1511 08 30 Fantastic New jQuery Plugins

CodeExplorer is an enitrely unique code formatting plugin that will not only format the code with colors and spacing, but will also display it in an entire folder structure.
CodeExplorer

Subway Map Visualization Plugin


fc4b1 jquery plugin 01 30 Fantastic New jQuery Plugins

The amazing Subway Map Visualization plugin allows you create, interactive subway map visualizations with HTML. Its style has been based on Londons Underground maps, with smooth curves & interchange connectors and 45-degree diagonals. The map size, line width and colors can all be customizable and the markup is also search engine friendly.
Subway Map Visualization Plugin


Demo

Website Tour with jQuery


a4431 jquery plugin 02 30 Fantastic New jQuery Plugins

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.
The idea is to add certain class to elements that you want to guide the user through and explain exactly what they do. The user is guided by a little tooltip to show what the current tour point is about, and a navigation that will allow the user to go back and forth between each point.
Website Tour with jQuery


Demo

jQuery Embedded Help System


a4431 jquery plugin 03 30 Fantastic New jQuery Plugins

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


Demo

The jQuewy Project – Lightweight Loader for Javascript Functions


a4431 jquery plugin 04 30 Fantastic New jQuery Plugins

jQuewy is a simple, efficient, and lightweight loader for Javascript functions, with a powerful CDN-ready backend. Have you ever wanted to quickly prototype an idea in Javascript, and wanted to get it down as quickly as possible? Have you noticed how a large portion of your setup time can include downloading and setting up libraries to work with? jQuewy solves this problem, because now you can summon any script, and it'll be inserted into your head tag automatically.
The jQuewy Project


Demo

Flurid – The Fluid CSS Grid


1cf5d jquery plugin 05 30 Fantastic New jQuery Plugins

Flurid is a fluid width grid system optimized for flexibility (fluidity). It comes with a companion jQuery plugin to help make developing with the framework easier. Along with some additional features like equal height columns, the jQuery plugin can also automatically append alternating "odd" and "even" classes to rows and columns and apply the "last" class where needed to fix things for Internet Explorer 7 and below.
Flurid – The Fluid CSS Grid

jQuery Runloop Plugin


1cf5d jquery plugin 06 30 Fantastic New jQuery Plugins

With jQuery Runloop, you can 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.
It was created to have more power, more control and less hassle than dealing with jQuery .animate() callbacks. It hooks into jQuery's Effects Queue by design, to avoid timing conflicts in the case of doing many multiple .animate() calls.
jQuery Runloop Plugin


Demo

arbor.js – A Graph Visualization Library


946fb jquery plugin 07 30 Fantastic New jQuery Plugins

Arbor is 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. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs.
arbor.js – A Graph Visualization Library

Isotope


946fb jquery plugin 08 30 Fantastic New jQuery Plugins

Isotope Docs & Downloads

jMenu – Horizontal Navigation with Unlimited Sub-Menus


1f2e3 jquery plugin 09 30 Fantastic New jQuery Plugins

jMenu is a plugin that can create horizontal navigations with unlimited sub-menus. The look and feel of the menu is set in a CSS file, so you can update it without ever having to touch the JS code.
Besides jQuery, it also requires jQuery UI and does support all of the effects from the library (like fadeIn or slideDown).
jMenu – Horizontal Navigation with Unlimited Sub-Menus


Demo

960 Grid on jQuery-Mobile


1f2e3 jquery plugin 10 30 Fantastic New jQuery Plugins

960 Grid on jQuery-Mobile is a port of 960 Grid to jQuery mobile. It combines the flexibility of 960.gs with the ease of jQuery mobile, with the purpose of making jQuery mobile more flexible and easier to use on mobile and touch-screen devices.
960 Grid on jQuery-Mobile


Demo

MobilyMap


a59f1 jquery plugin 11 30 Fantastic New jQuery Plugins

MobilyMap is 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.
MobilyMap


Demo

Slides – A Slideshow Plugin for jQuery


a59f1 jquery plugin 12 30 Fantastic New jQuery Plugins

Slides is a smooth and simple slideshow plugin for jQuery that features looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination.
Slides


Demo

jTag – Plugin to Tag Pictures & More


48032 jquery plugin 13 30 Fantastic New jQuery Plugins

jTag – Plugin to Tag Pictures & More


Demo

Galleria – JavaScript Image Gallery Framework


48032 jquery plugin 14 30 Fantastic New jQuery Plugins

Galleria is a JavaScript image gallery framework, built upon jQuery, that simplifies the process of creating professional image galleries for websites and web/mobile apps. The framework has a large number of options such as transition effects, cropping methods and interaction details that you can use to customize your gallery. In addition to the generic options, each Galleria theme has some theme-specific options.
Galleria


Demo

liteAccordion – A Horizontal Accordion Plugin for jQuery


da3b5 jquery plugin 15 30 Fantastic New jQuery Plugins

liteAccordion is an easy-to-use content slider/accordion that only weighs 4.5kb (if you minify and gzip the JS, you can get the file size down to 1.2kb!). It supports pretty much anything and comes with two themes – 'basic' and 'dark'.
liteAccordion

jShowOff – A jQuery Content Rotator


da3b5 jquery plugin 16 30 Fantastic New jQuery Plugins

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating 'slides' from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more.
jShowOff

Zoomy – E-Magnification


da3b5 jquery plugin 17 30 Fantastic New jQuery Plugins

Zoomy is a quick and easy plugin that will zoom into a picture. You only need two copies of one image, first the display image and then thelarger zoom image. Just link the zoom picture on the display picture, and tell the plugin to use that link when zooming.
Zoomy – E-Magnification

jQuery Waypoints


cefbc jquery plugin 18 30 Fantastic New jQuery Plugins

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


Demo

Easy Paginate – Plugin for Pagination


cefbc jquery plugin 19 30 Fantastic New jQuery Plugins

Easy Paginate is a lightweight and easy to use plugin that allows you to browse easily through the list of items with pagination controls. It takes a list of items, calculates a number of child elements of a certain object, divides it by step parameter (which can be easily adjusted) and generates "control buttons". Controls are inserted immediately after the selected object in a form of ordered list.
Easy Paginate – Plugin for Pagination


Demo

QapTcha – Draggable Captcha System with jQuery UI


cefbc jquery plugin 20 30 Fantastic New jQuery Plugins

QapTcha, built using jQuery UI, is an innovative captcha plugin. It is a simple idea, yet very effective: To unlock a QapTcha form, the user has to drag a slider from the left to the right – something that bots are not able to do.
QapTcha – Draggable Captcha System with jQuery UI


Demo

jFormer – jQuery Form Framework


cefbc jquery plugin 21 30 Fantastic New jQuery Plugins

jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that: Validate client-side, Validate server-side and Process without changing pages (using AJAX).
jFormer – jQuery Form Framework


Demo

bvalidator – Client Side Form Validation


f39f0 jquery plugin 22 30 Fantastic New jQuery Plugins

bValidator is 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


Demo

jQuery.validVal


f39f0 jquery plugin 23 30 Fantastic New jQuery Plugins

The jQuery.validVal is 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.
jQuery.validVal


Demo

SheepIt! – Form Cloning jQuery Plugin


f39f0 jquery plugin 24 30 Fantastic New jQuery Plugins

SheepIt is a jQuery plugin that allows you to clone form elements dynamically. It is very useful to develop advanced forms that require the same type of load data multiple times.
SheepIt! – Form Cloning jQuery Plugin


Demo

Reveal – jQuery Modal Plugin


1e387 jquery plugin 25 30 Fantastic New jQuery Plugins

Reveal is a lightning-fast, lightweight (1,75kb), easy to implement and cross-browser compatible jQuery Modal window plugin.
Reveal – jQuery Modal Plugin

jNotify jQuery Plugin


The jQuery jNotify plug-in is an unobtrusive notification system for web-based applications. You can use it to inform users when specific actions have completed on your site–such as when an AJAX operation is complete. It has been designed to replace code where you may have previously used the JavaScript alert() function to provide feedback to the user.
jNotify jQuery Plugin


Demo

Signature Pad


1e387 jquery plugin 26 30 Fantastic New jQuery Plugins

The Signature Pad plugin aids in the creation of an HTML5 canvas based signature pad that will record the drawn signature in JSON for later regeneration. It has two modes: TypeIt and DrawIt. In TypeIt mode the user’s signature is automatically generated as HTML text, styled with @font-face, from the input field where they type their name. In DrawIt mode the user is able to draw their signature on the canvas element.
Signature Pad


Demo

jQuery Splatter Plugin


d9e3e jquery plugin 27 30 Fantastic New jQuery Plugins

Splatter applies a random position, size, and color to elements on a page. The most basic implementation adds randomly colored and positioned asterisks to the element, it also has lots of optional configuration options, but the most of them are pretty simple and none of them are required.
jQuery Splatter Plugin


Demo

ToastMessage Plugin


dda4a jquery plugin 28 30 Fantastic New jQuery Plugins

jQuery-ToastMessage-plugin is a jQuery plugin that offers Android-like notification messages and comes withfour different predefined types of toasts: notice, success, warning and error.
ToastMessage Plugin


Demo

jLabel – A jQuery Label Plugin


jLabel is a plugin that formats text input fields with unobtrusive labels featuring interactive suggestions. This allows input fields to be labelled clearly and presented with minimal interface obstruction.
jLabel – A jQuery Label Plugin

jRating – Ajaxed Star Rating System


dda4a jquery plugin 29 30 Fantastic New jQuery Plugins

jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from 'the number of the stars' to 'if the stars can represent decimals or not'.
Although the plugin can be used with any scripting language, a PHP file that handles the requests is included in the download package.
jRating – Ajaxed Star Rating System


Demo

jQuery Memory Game


4a349 jquery plugin 30 30 Fantastic New jQuery Plugins

jQuery Memory Game


Demo

jQuery Application Architecture – The Printable Chart


84305 jquery plugin 31 30 Fantastic New jQuery Plugins

This a handy chart that will help decide the architecture of your apps, like structuring client-side MVC apps, templating, unit and BDD testing, debouncing and much more.
jQuery Application Architecture Chart

You might also like…

20 jQuery Image and Multimedia Gallery Plugins →

40 jQuery and CSS3 Tutorials and Techniques →

50 jQuery Plugins for Form Functionality, Validation, Security and Customisation →

15 CSS3 Navigation and Menu Tutorials and Techniques →

20 CSS3 Tutorials and Techniques for Creating Buttons →

24 CSS (in some cases with jQuery) Navigation and Menu Tutorials →

22 CSS Button Styling Tutorials and Techniques →

50 Fundamental jQuery Controls, Components and Plugins →

15 Javascript Web UI Libraries, Frameworks and Toolkits →

20 Awesome jQuery Enhanced CSS Button Techniques →

15 jQuery Plugins for Better Web Page Element Layouts →

20 Awesome jQuery Enhanced CSS Button Techniques →

25 Useful jQuery Tooltip Plugins and Tutorials →

 30 Fantastic New jQuery Plugins

 30 Fantastic New jQuery Plugins

 30 Fantastic New jQuery Plugins


 30 Fantastic New jQuery Plugins


 30 Fantastic New jQuery Plugins


 30 Fantastic New jQuery Plugins


 30 Fantastic New jQuery Plugins


 30 Fantastic New jQuery Plugins

 30 Fantastic New jQuery Plugins