5 60+ Useful jQuery Tools - Plugins

To complete my previous post on jQuery interface techniques and tutorials... this time I would like to share some of jQuery tools or plugins to you.

These jQuery tools have been selected and combined into one, hoping to meet your needs. To enhance user interfaces for you as web developer/web designer, or make your beautiful image galleries for you as photographer, and other functions.

Okay, let's look at the complete list :

jQuery Plugins - Tools

• jQuery EasyUI : EasyUI is a collection of user-interface plugin based on jQuery.

• Mosaic : Sliding Boxes and Captions jQuery Plugin. Automatically generates sliding boxes & captions. Allows slide & fade animations with custom directions and Preloads images within boxes.

• jFormer : jFormer allows you to quickly generate beautiful, standards compliant forms.

• ColorBox : A lightweight customizable lightbox plugin for jQuery.

• jQuery Autosize : A plugin to enable automatic height for textarea elements.

• Impress.js : Impress.js is a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

• jQuery Zoom : A plugin to enlarge images on mouseover or mousedown.

• Timeglider : Timeglider JS is a zooming, panning data-driven timeline widget written in Javascript - great for history projects, project planning, and more.

• Sausage : Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.

• FancyBox : FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.

• leanModal : leanModal is a JQuery modal plugin that works with your CSS.

• Isotope : Isotope is an exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

• jQuery Lifestream : Show a stream of your online activity.

• jmpress.js : A jQuery plugin to build a website on the infinite canvas.

• Shadowbox : Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

• Flexslider : Flexslider is a fully responsive jQuery slider plugin. You can use any html elements in the slides, Horizontal/vertical slide and fade animations, custom navigation options, many more.

• Metro JS : Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web.

• 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.

• jQuery Image Parallax : The jQuery Image Parallax project is a plugin that gives an illusion of depth to an image with transparency (PNG, GIF) by repeating it and animating movement.

• Coda Popup Bubbles : is one of the new web development tools for the Mac. It shows a popup containing the user's details.

• jquery mb.menu : jquery mb.menu is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu.

• jQuery Tooltip (jqTooltip) : The jQuery Tooltip Plugin allows you to easily create tooltips with ajax content.

• Slider Kit : The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one lightweight and flexible plugin combined with ready-to-use CSS skins.

• jQuery Tooltip Plugin : A simple animated hover tooltip JQuery plugin.

• Tablesorter : Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.

• Sequence : Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme.

• Simpletip : Simpletip is a plugin for the popular jQuery JavaScript library. It allows you to create tooltips with ease on any element on the page using the power of jQuery's selectors and event management. The tooltips can be static, dynamic, or even loaded through AJAX with a variety of different visual effects.

• 960 Grid on jQuery-Mobile : 960 Grid on jQuery-Mobile is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets.

• Query Geo : Query Geo is an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs.

• Uploadify : Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website. It uses a mixture of Javascript, ActionScript, and any server-side language to dynamically create an instance over any DOM element on a page.

• Smooth Div Scroll : Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right.

• jQuery Responsive Thumbnail Gallery Plugin : is a jQuery Plugin for creating image galleries that scale to fit their container.

• jQuery Cycle : jQuery Cycle is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

• Pikachoose : Pikachoose is a lightweight jQuery slideshow plugin, with tons of great features! jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel.

• Apprise : Apprise is an alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, and functionality. Apprise is, more or less, for the developer who wants an attractive alert or dialog box without having to download a massive UI framework.

• Galleriffic : Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

• jsPlumb : jQuery/MooTools/YUI3 library providing visual plumbing for elements on a web page.

• jRating : 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".

• Simple Controls Gallery : Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.

• Slides : Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

• Horinaja : Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery.

• Uniform : Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

• AD Gallery : AD Gallery is a highly customizable gallery/showcase plugin for jQuery.

• PhotoSwipe : PhotoSwipe is a free HTML/CSS/JavaScript based image gallery specifically targeting mobile devices. iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

• Prototip : Prototip allows you to easily create both simple and complex tooltips using the Prototype  javascript framework.

• Supersized : Supersized is a fullscreen background slideshow built using the jQuery library.

• Lettering.js : Lettering.JS is a jQuery plugin for radical web typography.

• ResponsiveSlides.js : ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside <ul>.

• Totem : Totem is a jQuery plugin that turns lists into animated vertical tickers. It supports navigation and basic animation control.

• jReject : jReject provides a simple, robjust, light-weight way to display rejections based on a the browser, specific browser version, specific platforms, or rendering engine.

• Hovercard : A free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice.

• Galleria : Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

• Nivo Slider : Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding.

• Revolver.js : Revolver.js is a new content slider that makes no assumptions about your markup.

• Response JS : Response JS is a lightweight jQuery (or Zepto) plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes. Its methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

• jQuery Collapse : A lightweight jQuery plugin that enables expanding and collapsing content.

• POP! : POP! allows you to create simple pop menus with jquery.

• Scrolldeck : A jQuery plugin for making scrolling presentation decks.

• DataTables : DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

• Sharrre : Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more.

• Snippet : Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

• jShowOff : jShowOff is a jQuery plugin for creating a rotating content module.

• jQuery Touchwipe : jQuery Touchwipe allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery. Also works on Android.

• Flow Slider : Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to.

• jPaginator : jPaginator is a lightweight jQuery plugin (5kb) for pagination. It's fun, intuitive, it comes with a slider and you can ask for an unlimited number of pages.

• xBreadcrumbs (Extended Breadcrumbs) : xBreadcrumbs is a jQuery plug-in to create categorized breadcrumbs for your site. This may be useful if your website has a deep structure and you want allow your visitors to quickly navigate through one section of the site to another.

• Wijmo : Wijmo is a complete kit of over 40 UI widgets with everything from interactive menus to rich charts.

• DropKick.js : a jQuery plugin for beautiful dropdowns.

• EaselJS : a javascript library for working with the html5 canvas element.

• ModalBox : ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads.

• Waypoints : Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

• humane.js : A simple, modern, framework-independent, well-tested, unobtrusive, notification system.

• Craftyslide : Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

• jQuery News Ticker : jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.

• jQuery.folderPreview : jQuery.folderPreview is a jQuery plugin that takes a series of images and positions them so that they appear within a folder graphic.

• Sticky : Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

• Quicksand : Reorder and filter items with a nice shuffling animation.

• jslide : jslide is a jQuery plugin to create a simple slideshow of list elements, containing either images or other content.

• jPages : jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

• Cuepoint.js : Cuepoint.js is an open source plugin for adding subtitles to your HTML5 video. You're free to use it for whatever you want.

• jwerty : jwerty is a JS lib which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.

• Quovolver : Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.

• jqDnR : jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements.

• CraftMap : CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers.

• validate.js : Lightweight JavaScript form validation library inspired by CodeIgniter.

• Tokeninput : Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item.

• List.js : a 3 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable.

• xcolor plugin : xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations.

• jQuery Transit : Super-smooth CSS3 transformations and transitions for jQuery.

• js Message : Custom notifications, alerts, confirmations.

• diagonalFade : diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements.

Some jQuery Resources

• jQuery : jQuery official site. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

• jQuery UI : jQuery UI is the official jQuery user interface library. It provides interactions, widgets, effects, and theming for creating Rich Internet Applications.

• QUnit : QUnit is a powerful, easy-to-use, JavaScript test suite. It’s used by the jQuery project to test its code and plugins but is capable of testing any generic JavaScript code (and even capable of testing JavaScript code on the server-side).

• Sizzle : Sizzle is a pure-JavaScript CSS selector engine designed to be easily dropped in to a host library.

• jQuery Mobile : Touch-Optimized Web Framework for Smartphones & Tablets. A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation.

• jQuery TOOLS - The missing UI library for the Web :  A collection of the most important user-interface components for todays websites.

• jQuery List- The Ultimate jQuery List : A daily updated list of plugins and examples for jQuery.

• jqueryjs - jQuery JavaScript Library

Hopefully these lists useful to you.

Glad to hear your opinion. Please for those who have other lists. Thank you.

Happy freelancing, keep working, keep your health, and good luck for all! :)