nanoGallery is one of the most popular jQuery plugins and it is used to simplify image galleries. The plugin comes with a variety of features for galleries including multi-level navigation, lightbox and fullscreen view. The plugin is touch enabled and features hover effects on thumbnails. nanoGALLERY can be used to add pictures from online websites including Flicker, Picasa and Google+. It can also be connected with cloud storage and comes with additional features like themes, deep linking and bootstrap compatibility.
Before and After
Before and After is another popular jQuery plugin which is used for viewing an “after” version of any image as an overlay of the original version. The plugin features a draggable handle bar which allow the users to decide how much of each image they want to view. Along with the main image in before and after slides, the plugin also supports other HTML including captions.
Windows is another wonderful and lightweight jQuery plugin, which makes it very easy to create a full-screen scrolling website. With this plugin, the full-screen scrolling websites come with sections that fill the screen. Moving between the sections is very simple and smooth. Auto-snapping is another interesting feature of the plugin, which makes it so much easier to use.
JBox is an impressive jQuery plugin, which can take care of all the needs of a user, including model windows, tooltips and notices. With the help of jQuery selectors, users can easily add tooltips to the elements. JBox is a very powerful plugin with a plethora of customization options. JBox also features a vast variety of options to change appearance and behaviour.
Dense is a simple jQuery plugin, which manages to offer pixel ratio aware images to the device. Simply put, Dense brings retina support to the user’s website. Dense brings crisp images and removes the blurriness. Designers have to use the initializer method, allowing the plugin to target those image elements that serve retina-ready images when needed.
MatchHeight.js is another amazing jQuery plugin that makes the height of all the selected elements exactly the same. It is one of the best equal height plugins and it can correctly handle mixed padding margins and borders. The plugin beautiful handles images and responsive layouts by automatically updating when needed. This jQuery plugin is released under the MIT license and it comes with support for box-sizing, rows and groups of images.
Unslider is another popular jQuery plugin, which functions as an image slider. This plugin comes without any special features and it only works as a slider. Due to its simplicity, the plugin is very light and very responsive. The plugin is very small in size and can slides with HTML and it can also be configured with CSS. The plugin comes with built-in keyboard-control support.
FitText is another handy jQuery plugin, which allows the user to easily adjust the font size. Users can fill containers with text and the plugin automatically scales the text size up or down accordingly. It works well with responsive headlines and it can be used to achieve scalable headlines to fill the width of a container. This amazing jQuery plugin can be integrated with Lettering.js for more customization options.
Over the years the jQuery library has grown exponentially and features tens of thousands of plugins, but these are some of the best jQuery plugins that every web designer should try.