30 New jQuery Plugins Worth Taking a Look At

Hundreds upon hundreds of new jQuery plugins are released every year. Some basic, offering simple functions, others can be complex offering far more functionalities. Either way, both types of plugins are always useful. Today, with this jQuery round-up, we will focus on both types and highlight 30 plugins that we feel have been the most useful and innovative from the last few months.

Here they are:

New jQuery Plugins

jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

jQuery plugins Nested is a new jquery plugin for Create Multi-Column, Dynamic Grid Layouts

jQuery Nested allows you to create a completely gap-free multi-column, dynamic grid layout.

jQuery NestedGitHub

jResponsive – Super-Smooth Transition Layouts

jResponsive is a new jquery plugin for Super-Smooth Transition Layouts

jResponsive allows you to add a dynamically-resized layout to any page or element and customize the layout the way you want (with or without top, bottom, right or left navigation). It can be applied to a container element and will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.

jResponsiveGitHub

FlexNav – Flexible, Device Agnostic Navigation

FlexNav is a jquery plugin for Flexible, Device Agnostic Navigation

FlexNav is a mobile-first example of using media queries and jQuery to make a robust drop-down menu. From the developer: It is a ‘device agnostic approach to complex site navigation with support for touch and keyboard sccessibility’.

FlexNavGitHub

scrollNav.js – Scrolling Resposnive Side-Nav

scrollNav.js is a jquery plugin for Scrolling Resposnive Side-Nav

scrollNav is a lightweight jQuery plugin that grabs your page's existing content, divides it up into logical sections and builds a customizable scrolling sidebar navigation.

scrollNav.jsGitHub

ClassySocial

ClassySocial

ClassySocial is a plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button.

ClassySocialGitHub

jQuery Github – A plugin to display your favorite Github Repositories

jQuery plugins Github is a jquery plugin for A plugin to display your favorite Github Repositories

ClassySocial is a plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button.

jQuery GithubGitHub

Flaunt.js – Responsive Navs with Nested Click-To-Reveal

Flaunt.js is a jquery plugin for Responsive Navs with Nested Click-To-Reveal

Flaunt.js allows you to create a stylish responsive navigation with nested click to reveal.

Flaunt.jsGitHub

Sidr – Creating Facebook-Like Side Menus

Sidr is a jquery plugin for Creating Facebook-Like Side Menus

Sidr is an easy to use plugin that will create a responsive Facebook-a-like side menu.

SidrGitHub

Magnific Popup – Truly Responsive Lightbox

Magnific Popup is a jquery plugin for Truly Responsive Lightbox

Originally released on Smashing Magazine, Magnific Popup is a fast, lightweight and feature-rich responsive lightbox plugin with its focused on performance and providing the best experience for users on any device. It is also Zepto.js compatible.
You can check-out the examples on CodePen.

Magnific PopupGitHub

slideToucher – Touch Enabled jQuery Plugin for Content Swiping

slideToucher is a jquery plugin for Touch Enabled jQuery Plugin for Content Swiping

slideToucher is a content swiping touch enabled jQuery plugin with support for both vertical and horizontal swipes.

slideToucher

Flexisel – Responsive Carousel Plugin

Flexisel is a jquery plugin for Responsive Carousel Plugin

Flexisel is a responsive image carousel plugin with options specifically available for adapting the carousel for mobile and tablet devices.

FlexiselGitHub

Swipebox – A Touchable jQuery Lightbox

Swipebox is a jquery plugin for A Touchable jQuery Lightbox

Swipebox is a responsive jQuery lightbox plugin that features: Swipe gestures for mobile; Keyboard Navigation for desktop; CSS transitions with jQuery fallback; Retina support for UI icons.

SwipeboxGitHub

Photoset Grid – Arrange Images into a Flexible Grid

Photoset Grid is a jquery plugin for Arrange Images into a Flexible Grid

Inspired by Tumblr’s photoset feature, Photoset Grid is a simple jQuery plugin for arranging images into a flexible grid.

Photoset Grid

LiquidSlider – A Responsive jQuery Content Slider

LiquidSlider is a jquery plugin for A Responsive jQuery Content Slider

LiquidSlider

dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates

dropdown.dot.js is a jquery plugin for Flexible Dropdowns Based on dot.js Templates

dropdown.dot.js is a super-flexible and clean jQuery Dropdown Plugin based on dot.js templates.

dropdown.dot.jsGitHub

Unslider – A 'Super-Tiny' jQuery Slider

Unslider is a jquery plugin for A 'Super-Tiny' jQuery Slider

UnsliderGitHub

typeahead.js – A Fully-Featured Autocomplete Library

typeahead.js is a jquery plugin for  A Fully-Featured Autocomplete Library

Inspired by Twitter’s autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library.

typeahead.jsGitHub

iCheck – Customize Checkboxes & Radio Buttons

iCheck is a jquery plugin for Customize Checkboxes & Radio Buttons

iCheckGitHub

Image Picker – Transforms <select> into a More User-Friendly Interface

Image Picker is a jquery plugin for Transforms <select> into a More User-Friendly Interface

Image Picker is a simple jQuery plugin that transforms a <select> element into a more user friendly graphical interface.

Image PickerGitHub

Chardin.js – Simple Overlay Instructions for Apps

Chardin.js is a jquery plugin for Simple Overlay Instructions for Apps

Inspired by the recent Gmail composer tour, Chardin.js creates simple overlay instructions for web apps to demonstrate to your readers how to use your web app.

Chardin.jsGitHub

Textillate.js – A Plugin for CSS3 Text Animations

Textillate.js is a jquery plugin for A Plugin for CSS3 Text Animations

Textillate.js is a simple plugin for applying amazing CSS3 animations to any block of text.

Textillate.jsGitHub

jtwt.js – A Plugin to Display Your Recent Tweets

jtwt.js is a jquery plugin for A Plugin to Display Your Recent Tweets

jtwt.js is an easy-to-use plugin that allows you to display your recent tweets on your website or elsewhere.

jtwt.jsGitHub

imageloader.js – A Plugin for Preloading Images

imageloader.js is a jquery plugin for A Plugin for Preloading Images

imageloader.jsGitHub

jQuery Alpha Image Plugin

jQuery plugins Alpha Image Plugin

The jQuery Alpha Image Plugin can change selected image colours to transparent and offers the result as either an image or as imagedata.

jQuery Alpha Image PluginGitHub

bPopup – A jQuery Modal Pop-Up Plugin

bPopup is a jquery plugin for A jQuery Modal Pop-Up Plugin

bPopup is a lightweight (only 1.49kb gzipped) modal popup plugin. The plugin doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more, giving you plenty of opportunities to customize as per your needs.

bPopupGitHub

Sieve – Add an Interactive Search Filter to Any Content

Sieve is a jquery plugin for Add an Interactive Search Filter to Any Content

Sieve allows you to quickly add an interactive search filter to any block of content.

SieveGitHub

Perfect-Scrollbar – A jQuery Scrollbar Plugin

Perfect-Scrollbar is a jquery plugin for A jQuery Scrollbar Plugin

Perfect-ScrollbarGitHub

Pronto – A Plugin for Faster Page Loads

Building on concepts like pjax and TurboLinks, Pronto is a simple way to harness the speed increases that HTML5’s pushState() can provide on nearly any site

ProntoGitHub

Rubberband – A Plugin for Adding Responsive Breakpoint Events

Rubberband is a jquery plugin for A Plugin for Adding Responsive Breakpoint Events

Rubberband allows scripts to act on media query changes in real time by making use of the browser’s internal media query matching system, window.matchMedia.

RubberbandGitHub

scrollUp – A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”

scrollUp is a jquery plugin for A Lightweight Plugin for Creating a Customisable Scroll-to-Top

ScrollUp creates a customisable “Scroll to top” feature that will work with any website.

scrollUpGitHub

jQuery Pin – Pin Any Element Within a Container

jQuery plugins Pin is a jquery plugin for Pin Any Element Within a Container

jQuery.Pin will ‘pin’ any element to the top of a container as you scroll down the page. It can be easily disabled for smaller screen-sizes.

jQuery PinGitHub

PowerTip – A jQuery Hover Tooltip Plugin

PowerTip is a jquery plugin for A jQuery Hover Tooltip Plugin

PowerTip is a jQuery tooltip plugin with some advanced features like hover intent testing, tooltip queueing, and support for complex data.

PowerTipGitHub

jQuery Builder – Easily Build a Custom Version of jQuery

jQuery plugins Builder is a jquery plugin for Easily Build a Custom Version of jQuery

jQuery Builder allows you to easily build a custom version of jQuery that just includes the modules you need.

jQuery BuilderGitHub

Author: (582 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments