Skip to main content

22 brilliant jQuery plugins

13. TwentyTwenty

jQuery plugins: 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.

14. Material design hierarchical display

jQuery plugins: 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.

15. Tabslet

jQuery plugins: Tablset

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.

16. nanogallery2

jQuery plugin nanoGALLERY

A fully-featured, fast image gallery

nanogallery2 is designed to simplify your image galleries, and offers multi-level navigation in albums, lightbox, combinable hover effects on thumbnails, slideshow, fullscreen, pagination and image lazy load. It is touch-enabled, responsive, fast and it supports cloud storage.

Version 2 offers improved user experience, and new features such as filter by keywords, a shopping cart, social sharing, advanced hover effects, thumbnail display transitions, an info page with Google Maps location, and more.

17. Tooltipster

jQuery plugin Tooltipster

Fancy tooltips with Tooltipster

Tooltipster is a modern take on the classic tool-tip, allowing you to present fully HTML-enabled tooltips in semantic markup with CSS used to control the display. There are a wide range of configuration options, making it customisable for any scenario.

18. Magnific Popup

jQuery plugin Magnific Popup

A lightweight, performant lightbox

This is a lightbox plugin for jQuery that focuses on being as lightweight and compatible as possible. The developer has concentrated on performance and user experience, so it doesn't have all the features of alternative lightbox plugins, but it is super-fast and works perfectly across a huge range of devices, including High-DPI (Retina) devices such as the MacBook Pro.

19. jQuery Knob

jQuery plugin Knob

Touch-friendly dials that also work on the desktop

jQuery Knob takes input elements and converts them into touch-friendly dials that also work on the desktop. This is an excellent example of how you can tailor your content to suit new paradigms, and is worth a look for the technical approach if nothing else.

20. Typeahead.js

jQuery plugin Typeahead

Handy auto-complete tool built by Twitter's dev team

The product of Twitter's development team, Type Ahead is an easy-to-implement tool that pulls from a local or external data source as your user types in to an input box, providing auto-complete suggestions as they go.

21. Lettering.js

jQuery plugin Lettering

Get fine control over your type

Lettering.js provides granular control over individual characters in your type, allowing you to apply kerning, colour individual letters, and apply event-listeners. It also plays nicely with FitText (below), giving you desktop-style control over your typography while remaining responsive.

22. FitText

jQuery plugin FitText

Automatically scale your text for responsive headlines

This handy plugin allows you to fill your container's width with your type but automatically scaling the text size up or down to suit. Designed to facilitate responsive headlines, the plugin also integrates with Lettering.js to allow for granular per-character styling.

Related articles: