The best part about the internet is that developers all around the world are always coming up with something interesting that they decide to share with the world and it makes our lives easier. Being a developer, it is common knowledge how big of a help jQuery is and how convenient it makes our lives. Well, there are several developers around the globe that, for our benefit, develop these jQuery plugins and release them into the wild of the web for the benefit of others. Most often than not, these jQuery plugins are free to use and are relatively lightweight so as to not exert a lot of load on our servers.

jQuery has made web design easier and faster and we took it upon ourselves to search for some of the more amazing jQuery plugins for you to use in your web development practices. Feast upon our collection of Top 30 Most Favorite jQuery Plugins. You can simply go through the list and see what you like, just click on the link and proceed to download. We certainly trust that you will find your way around how to implement these plugins into your development procedures. If you want to see more such lists just give us a shout, we are a form away. Let us know what you think in the comments below.

jQuery Plugins for WebPage Layouts

[divider]

pagePiling.js

This jQuery plugin is for piling your layout sections, one over the other. You will then be able to access them via scrolling. Think of it like multi-tasking in Windows where you press Shift+Tab. Get the idea? This one works in a similar fashion only instead of windows, it tabs out different layouts.

pagePiling

gridscrolling.js

Ads

This particular plugin allows you to place and arrange your sections into a grid, thereby allowing you to easily navigate with a cursor key.

gridscrolling

Animsition

If you are looking to add simple page transitions with CSS animations, this jQuery plugin will help you loads in doing so.

Animsition

Brick Work

If you are looking to create responsive, dynamic layouts, this is a very lightweight plugin, only a 15kb, that can help you do just that. It also comes packed with a lot of awesome features that you will definitely find useful.

Brick Work

ScrollMe

This is another lightweight jQuery plugin. It will allow you to add simple scrolling effects to all your web pages, or the ones you like. You can scale, change the opacity, and even rotate an element giving it more flash etc.

ScrollMe

jQuery Bootgrid

This is a grid control jQuery plugin which is especially designed to work with Bootstrap.

jQuery Bootgrid

jquery.smoothState.js

This plugin will significantly enhance the performance of your pages. It will enhance them so they behave more like single-page applications rather than multiple page websites.

smoothState

multiscroll.js

If you are looking to create multi scrolling websites with two different vertical scrolling panels, the plugin to do that is multiscroll.js.

multiscroll

Plugins for Images and Videos

[divider]

Focuspoint

This particular plugin will crop your images dynamically in order to fill the space available to them. Furthermore, it will do so without cutting out the subject of the image.

Focuspoint

Vide

If you are looking to add videos to your backgrounds, this is the way to go. It is rather easy to use and set up, and it gives absolutely amazing results.

Vide

Dense.js

They claim that this plugins ‘blows your visitors’ retinas’. Aptly put, if you consider the fact that this plugin will easily serve retina-ready images.

Dense

Covervid

This is a rather simple jQuery plugin that will allow you to have an HTML5 video behave as if it were a background.

Covervid

Sliders and Galleries

[divider]

Simple jQuery Slider

This is a lightweight slider. It does its job well. It will slide slides for you, not to mention, that the ‘slides’ can actually have various different forms of media on them.

Simple jQuery Slider

Photopile JS

This particular image gallery basically stimulates a stack of scattered photos on a surface. All the photos your gallery would seem scattered across a surface.

Photopile JS

Justified.js

This particular jQuery plugin will create justified image grids of all the images in your library. It gives a fairly neat look to your gallery.

Justified

Shuffle Images

It does exactly what it says in the name. This plugin will allow you to display and shuffle several images within a gallery by either moving or shaking the cursor.

Shuffle Images

Skippr

This is a rather simple and relatively lightweight slideshow plugin for jQuery.

Skippr

jQuery Typography Plugins

[divider]

jQuery.fontFlex.js

This is a very lightweight extension for dynamically changing font sizes according to the screen or browser width. It is very useful when you have all the different spaces for content to fit in.

jQuery.fontFlex

Morphext

This is basically an animate.css file which is powered by jQuery. This is a carousel plugin for text phrases.

Morphext

Splitchar

This is a rather interesting jQuery plugin. It takes into account different characters in a word, phrase or sentence. It will then allow you to style either the first, second or both halves of a character. An interesting way to stylize your fonts.

Splitchar

Utility Plugins

[divider]

scotchPanels.js

This is a jQuery off-canvas, menus and panels plugin.

scotchPanels

jQuery Confirm Mailto

This is a plugin which will prompt users to confirm whenever they click any mailto: link via their default email client. It is a handy little feature, and also helps in avoiding spam or mistakenly sent emails.

jQuery Confirm Mailto

jQuery prettySocial

This jQuery plugin provides custom sharing buttons for Twitter, Facebook, Google Plus, and Pinterest.

jQuery prettySocial

BootstrapValidator

If you have bootstrap forms running on your website, this jQuery plugin will validate the information entered into those forms.

BootstrapValidator

jNottery

This is a handy little jQuery plugin which will allow one to add notes to a particular web page.

jNottery

scrollToBySpeed.js

This plugin will allow a user to scroll through speed rather than duration. Durations tend to be inconsistent, however, the speed will make the experience more consistent.

scrollToBySpeed

HideSeek

This is a rather simple and customizable jQuery plugin for live search. It also has suggestions enabled, which will aid you in your search.

HideSeek

Responsive Tabs

This particular jQuery plugin will offer responsive tab functionality. Responsive is the new trend owing to a lot of different screen sizes we use internet on. The size and resolution of an element will change accordingly with respect to the screen size etc.

Responsive Tabs

jQuery.planetarium

This jQuery plugin will allow you to construct interactive planets and pretty much build the entire universe. Of course, you will have to know what goes where, or you can play around with the positioning, it is totally up to you.

jQuery.planetarium

ClockPicker

Finally, we have a timepicker for a clock, which is designed in the shape of a clock. It looks rather interesting.

clockpicker

LEAVE A REPLY