Design, CG Graphics & Inspiration

40 New jQuery Plugins for Web Developers

We always work hard to get the best and freshest information for our readers and now it’s a good time to share with you some new and cool jQuery plugins. For those, who use these plugins in everyday work or some projects this showcase might be very handy! Previously we have presented to you a roundup of 45 New jQuery Plugins for Web Developers, and our readers found it useful, so in this post you will find even more awesome and new plugins.

Maskew

a JS library for skewing the shapes of elements.
Maskew in 40 New jQuery Plugins for Web Developers

App Folders

Effortlessly arrange items as on an iOS device.
App Folders in 40 New jQuery Plugins for Web Developers

Shapeshift

Inspired heavily by the jQuery Masonry plugin (http://masonry.desandro.com/), Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container. An example of this behavior is what you can find at sites like http://www.pinterest.com. Shapeshift is intended to be a very bare bones version of these grid systems, however the drag and drop is what sets it apart from the other similar plugins.
Shapeshift in 40 New jQuery Plugins for Web Developers
Demo

LoremImages

jQuery plugin for loading random images from LoremPixel service
LoremImages in 40 New jQuery Plugins for Web Developers

Calendario

A flexible calendar jQuery plugin.
Calendario in 40 New jQuery Plugins for Web Developers
Demo

jHERE

With jHERE, you can easily add interactive maps to your website. In only 4KB (1.95KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.
jHERE in 40 New jQuery Plugins for Web Developers

Responsive Img

Responsive Img swaps out an image’s src attribute based on its container’s width when the DOM is ready and when the browser is resized.
Responsive Img in 40 New jQuery Plugins for Web Developers

Any List Scroller

ALS – Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content.
Any List Scroller in 40 New jQuery Plugins for Web Developers

jQuery Spectragram

An easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site.
 in 40 New jQuery Plugins for Web Developers

A jQuery Gravity Plugin

jGravity adds gravity to either all or specified elements within a page. Using the plugin is as easy as $(‘body’).jGravity(); which will use default settings to apply the gravity effect, which I think you will find quite similar to how Google presented ‘Google Gravity’ in an earlier Google easter egg.
A jQuery Gravity Plugin in 40 New jQuery Plugins for Web Developers

Crumble

Crumble in 40 New jQuery Plugins for Web Developers
Demo

Sly

jQuery plugin for one-directional scrolling with item based navigation support.
Sly in 40 New jQuery Plugins for Web Developers

PFold

A highly experimental jQuery plugin that let’s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified.
PFold in 40 New jQuery Plugins for Web Developers
Demo

uiji.js

uiji.js in 40 New jQuery Plugins for Web Developers

Windy

This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.
Windy in 40 New jQuery Plugins for Web Developers
Demo

Adaptor

Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.
Adaptor in 40 New jQuery Plugins for Web Developers

Photobox – CSS3 JQuery Image Gallery

Photobox – CSS3 JQuery Image Gallery in 40 New jQuery Plugins for Web Developers
Demo

jQuery Impromptu

jQuery Impromptu in 40 New jQuery Plugins for Web Developers
Demo

RSlider

RSlider in 40 New jQuery Plugins for Web Developers
Demo

Tooltipster

Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.
Tooltipster in 40 New jQuery Plugins for Web Developers

ImageMapster

ImageMapster is a jQuery plugin that lets you activate HTML image maps without using Flash. It works just about everywhere that Javascript does, including modern browsers, Internet Explorer 6, and mobile devices like iPads, iPhones and Androids.
ImageMapster in 40 New jQuery Plugins for Web Developers

tiltShift.js

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.
tiltShift.js in 40 New jQuery Plugins for Web Developers

vintageJS

vintageJS is a jQuery plugin that uses the html5 canvas element to add a great vintage look to your photos. It comes with three effect-presets and can be customized very easily.
vintageJS in 40 New jQuery Plugins for Web Developers

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.
Freetile in 40 New jQuery Plugins for Web Developers

iView Slider

iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.
iView Slider in 40 New jQuery Plugins for Web Developers

Socialist

Socialist is a jquery social plugin that creates a social stream (or social “wall”) from multiple social media feeds in one place.
Socialist in 40 New jQuery Plugins for Web Developers

BIGVIDEO.JS

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.
BIGVIDEO.JS in 40 New jQuery Plugins for Web Developers

Sequence.js

Sequence.js is a refreshing and modern take on website sliders. Using just HTML and CSS, Sequence allows you to create your own responsive slider with unique transitional styles.
Sequence.js in 40 New jQuery Plugins for Web Developers

Gridster

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.
Gridster in 40 New jQuery Plugins for Web Developers

blackCalculator

blackCalculator is a jQuery plugin for create a calculator. It supports CSS customization, easy translation, two options of calculators, cross-browser, allow and disallow keyboard!
blackCalculator in 40 New jQuery Plugins for Web Developers
Demo

JZoopraxiscope

JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope.
JZoopraxiscope in 40 New jQuery Plugins for Web Developers

trunk8

trunk8 is an intelligent text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over. Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space.
trunk8 in 40 New jQuery Plugins for Web Developers
Demo

Evo Slider

Evo Slider is an all in one jQuery slider that lets you create any type of content slider and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a banner rotator and lots of things in-between.
Evo Slider  in 40 New jQuery Plugins for Web Developers

iosSlider

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.
iosSlider in 40 New jQuery Plugins for Web Developers

stickyMojo

stickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.
stickyMojo in 40 New jQuery Plugins for Web Developers

HorizontalNav

HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy and adds support for IE7.
HorizontalNav in 40 New jQuery Plugins for Web Developers

PushUp Content Bar

It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.
PushUp Content Bar in 40 New jQuery Plugins for Web Developers
Demo

jQuery Floating Social Share Plugin: floatShare

floatShare in 40 New jQuery Plugins for Web Developers
Demo

SocialCount

SocialCount is a small jQuery plugin for progressively enhanced, lazy loaded, mobile friendly social networking widgets.
 in 40 New jQuery Plugins for Web Developers
Demo

BookBlock

A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.
BookBlock in 40 New jQuery Plugins for Web Developers
Demo

You might also be interested in..

45 New jQuery Plugins for Web Developers
50 New jQuery Plugins For Web Developers

  • AndrewG,
  • January 12, 2013

SHARE THIS POST

Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.

  • Great collection, Huge roundup, Thanks for the new plugins

  • Thanks for adding ALS to your list! Really appreciated. Have a look at my website for other free jQuery plugins if you please :)

  • Great collection, Huge roundup, Thanks for the new plugins

  • Thanks for adding ALS to your list! Really appreciated. Have a look at my website for other free jQuery plugins if you please :)