17 brilliant jQuery plugins
It is a fantastic library for designing and developing user interactions quickly. Whether it's an image gallery or form, content-revealingCSS animation or an explosion effect, the library provides the core building-blocks to allow yourapid prototyping and to deliver a unique user interface with the minimum of code and effort.
This presents an interesting question, however. Just because you can roll your own solution to any given problem, does that mean you should? Of course not! There's absolutely no need to reinvent the wheel every time you want to create a bit of common functionality; use plugins to instantly add a behaviour. Doing so will save you even more time and effort! Here's our list.01. SVGMagic
SVGMagic creates PNGs to replace SVGs where they are not supported
Using SVG images is a good idea because they will look sharp at any size, and this plugin helps you to do that without having to worry about browsers that don't support them. It searches for SVG images and replaces them with PNG versions if SVG isn't supported.02. Face Detection
An easy way to use some powerful technology
Detect and get the coordinates of human faces in images, videos and canvases.03. Round Slider
The slider can be themed to suit your purposes
Get a parallax effect with ease
jInvertscroll makes it easy to implement horizontal scrolling with a parallax effect. Roll your scroll wheel on their demo site to whizz along sideways while two layers of landscape move at different speeds to create an illusion of depth.05. Slinky
A menu design that won't go out of style?
Slinky is an elegant, timeless menu design that's useful for any scenario in which you've got a lot of sub-menus. Select an item and an animation slides the sub-menu over. There's a demo here .06. TwentyTwenty
ZURB's plugin helps you compare images
Instead of placing two images side-by-side to show the differences between them, you can use this plugin which places one on top of the other. Users drag a slider so that the bottom image shows through, enabling them to see what has changed in a before-and-after situation.07. Material design hierarchical display
Animations can help to guide users' attention
Hierarchical display animation effects can be used to guide users' attention and lead them from one point to the next in a process. This animation can be customised to suite your design, and has great documentation to get you going.08. Tabslet
Minimalist tab design
As the name suggests, Tabslet is a lightweight plugin for making tabs. It supports next/previous controls, rotation, custom events, deep linking and there’s lots of other useful functionality. Have a look at the demo to see if it suits your needs.09. Readable
Set your text just right
Readable helps to make sure your text blocks stay within the optimum parameters for readability; too narrow or too wide makes your paragraphs harder to scan. There’s a great demo that shows you the edits made to running copy in order to make it easier on the eye.10. nanoGALLERY
A fully-featured, fast image gallery
nanoGALLERY is designed to simplify your image galleries. Featuring multi-level navigation in albums, lightbox, combinable hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, bootstrap compatibility, deep linking, customizable, i18n, and pulling in Flickr/Picasa/Google+ photo albums among others.
It is touch enabled, responsive, fast and it supports cloud storage.