16 Best Useful jQuery Plugin To Enhance Your Design

, by , Plugins, jQuery

In this collection, we are going to show you, some useful jquery plugin to enhance your design, if you use javascript web base design, this plugin really important for your project. Most of this plugin you may often see on javascript website template. In fact, nowadays, jquery become more popular for web designer because it have a lots freebies plugin and example code that you can download from the website.

You may like this post: new jQuery image slider 2012

1. Color Animation jQuery-plugin

With jQuery’s animate function, you can animate all kinds of css-properties. What’s really missing from jQuery is animating colors.

2. D3.js –  jQuery 3D Plugin

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

3. jQuery Content Panel Switcher

The jQuery Content Panel Switcher is a simple, very lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page. You can have single or multiple content switching panels on a single page Content panels can be either span or div elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.

4. jQuery custom content scroller

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll inertia & easing, auto-adjustable scrollbar length, scroll-to functionality and scrolling buttons.

5. jQuery Mouse Wheel Plugin

This plugin simply bind the “mousewheel” event to an element. It also provides two helper methods called mousewheel and unmousewheel that act just like other event helper methods in jQuery. The event callback receives three extra arguments which are the normalized “deltas” of the mouse wheel.

 6. jQuery Spritely

jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.

 7. jQuery jFormer

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)

8. jQuery Hover Sprite

This plugin put the hover event to the objects. On mouse hover the animation is playing forward, on mouse out it plays back. In the base of animation lays sprite technology. You should create an image with frames, laying from left to right. All frames should be same width and height. File format could be jpeg, png, gif Kinda that, i’m not a Shakespear, you know.You may need more example here Neat Photo Hover Effect with CSS Sprites and jQuery

9. Google maps v3 plugin for jQuery |demo

The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers.

10. jQuery Spin Plugin

The spin() method creates the necessary HTML elements and starts the animation without image. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

 11. jQuery Radical Web Typography

Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control.

 12. jQuery Glow | demo 

jQuery Glow have ability to make elements “glow” when you hover over them. For browsers that support the text-shadow CSS property, you can also add a halo.

13. Tipsy – Tooltip plugin for jQuery

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

14. Isotope

Isotope i an exquisite jQuery plugin for magical layouts

15. jQuery checkbox

Lightweight custom styled checkbox implementaion for jQuery 1.2.x and 1.3.x.

16. Reveal: jQuery Modals Made Easy

Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it’s fast, sexy and just works. Now let’s see how easy is can be to get Reveal working!


35+ Best jQuery Lightbox Plugin for Image Gallery

10+ Best Free Menu Extension for Joomla

34+ Free jQuery CSS Notification Plugins & Tutorials

15+ Best Free WordPress Slider Plugins – Free Download

15+ Best Free WordPress Gallery Plugins – Free Download

Written by

Graham Bill is a professional web designer and developer for both WordPress, Joomla and platform for eCommerce websites.

Feedback Leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *