There is a vast range of ready made jQuery plugins available from generous designers and developers from across the web that can help add stunning functionality and effects to your website. Check out these examples, including content sliders, image galleries, tooltips, accordions, lightboxes and modal windows. Download the pre-built scripts and add the code along with the jQuery framework to quickly and easily enhance your web designs.
jQuery.popeye is an advanced image gallery script that allows you to save space when displaying a collection of images and offers your users a nice and elegant way to show a big version of your images without leaving the page flow.
Have you ever wished you could style check boxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers? If so, Uniform is your new best friend. Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site.
This is a jQuery MultiSelect Plugin that focus on speed and ThemeRoller support. It turns an ordinary HTML select control into an elegant drop down list of checkboxes. The plugins provides an optional header with check all / uncheck all / close links, Keyboard support, Ability to hook into 5 different event callbacks, much more and it is only 6kb minified.
jdCrazyDots is a jQuery Plugin that creates a loading spinner via CSS. Best appearance is with CSS3 capable browser, but can be made to work in older browsers, too.
QuickFlip 2 is a major reworking of the jQuery plugin that flips any piece of HTML markup over like a card. The new version is faster and even easier to use—simply call the flip animation through a jQuery selector and the QuickFlip will flip the front panel to show its back.
The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps. The plugin is unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards, as the plugin supports creating specific routes in the form; depending on the user input. Supports multiple “submit”-steps and much more.
Cute Balloon is a jQuery script that allows you to easily make a ‘cute’ tool tip balloon. It also works with Ajax content.
Exposure is a jQuery plugin for rich and smart photo viewing that can handle very large amounts of photos.
Cloud Zoom is a jQuery image zoom plugin. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.
A jQuery plugin which extends normal dropdown (select) elements to be searchable.
The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many characters the users have before reaching the limit. The information is not only provided merely by displaying a number, there are different colors applied to certain stages to notify the user about the status.
Essentially, Sudo Slider is the slider plugin that allows the designer to do whatever they wants, with whatever HTML he want. It’s a content and image slider, with support for captions, ajax, multiple sliders, bookmarks, automatic sliding, continuous sliding, fading etc.
ezMark is a very small (minified version is ~1.5kb) plugin that allows you to stylize Radio button and Checkbox easily.
Colortip converts the title attributes of an element within your page, into a series of colorful tooltips. With six color themes are available, you can easily match it with the rest of your design.
The jQuery Photo Tagger plugin allows you to add Flickr-style photo tagging to your images. You can create box-like overlays on top of your image and assign messages to each box. The plugin communicates with the server using the supplied API URLs such that the photo tags can be saved, persisted, and deleted when needed.
Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This is a AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery.
This plugin has been designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.
jQuery.validity is a powerful jQuery plugin you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.
This is actually a tutorial showing how to use jQuery for taking an entire hidden div structure and makes it appear as a drop down panel on mouse over. This can be pretty useful.
jQuery Lint is a simple script you can download and use with jQuery. It works over the top of jQuery and diligently reports errors and any incorrect usage.
Makara is web designer and he writing about graphic and web design, social media, blogging and freelancing and features articles on 1stepwebdesign.com