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:

jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

new jQuery plugins Nested - 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

new jResponsive - 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

new FlexNav - 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

new scrollNav.js - 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

new 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

new jQuery plugins Github - 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

new Flaunt.js - 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

new Sidr - 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

new Magnific Popup - 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

new slideToucher - 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

new Flexisel - 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

new Swipebox - 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

new Photoset Grid - 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

new LiquidSlider - A Responsive jQuery Content Slider

LiquidSlider

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

new dropdown.dot.js - 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

new Unslider - A 'Super-Tiny' jQuery Slider

UnsliderGitHub

typeahead.js – A Fully-Featured Autocomplete Library

new typeahead.js -  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

new iCheck - Customize Checkboxes & Radio Buttons

iCheckGitHub

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

new Image Picker - 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

new Chardin.js - 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

new Textillate.js - 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

new jtwt.js - 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

new imageloader.js - A Plugin for Preloading Images

imageloader.jsGitHub

jQuery Alpha Image Plugin

new 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

new bPopup - 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

new Sieve - 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

new Perfect-Scrollbar - 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

new Rubberband - 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”

new scrollUp - A Lightweight Plugin for Creating a Customisable

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

scrollUpGitHub

jQuery Pin – Pin Any Element Within a Container

new jQuery plugins Pin - 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

new PowerTip - 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

new jQuery plugins Builder - 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: (588 Posts)

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

Comments