20 new jQuery plugins of Jun 2012

turn.js

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

turn.js


The Wookmark jQuery plugin

The Wookmark plugin detects the size of the window and automatically organizes the boxes into columns. Resize your browser to see the layout adjust. Note how the columns are approximately of equal height.

Demo

wookmark


jTable

jTable allows anyone to create feature-rich Ajax based CRUD (Create, Read, Update, Delete) tables on the fly. Include animations, server-side paging and sorting, and stylized elements with just a few lines of HTML or JavaScript with this handy jQuery plugin.

Demo

jTable


Supersized

This plugin helps you create gorgeous full-screen slideshows – a design element that is bound to become more common with increasing broadband speeds across the globe.

Demo

Supersized


Mosaic

Mosaic is a jQuery plugin that generates automatic sliding boxes and captions with support for slide and fade-in animations. Chances are, you’ve already seen this plugin in action across the internet as developers adopt this design element en masse.

Demo

Mosaic


jQuery File Upload

A flexible file upload widget with support for cross-domain file uploads, progress bars, drag & drop upload, and preview images. Additionally, it works with PHP, Python, Ruby on Rails, or any other server-side platform.

Demo

jQuery File Upload


jPlayer

An open-source alternative to proprietary media players, jQuery allows you to insert rich media across browsers and platforms. Completely customizable with plenty of available integration plugins, this is one of the leading media libraries.

Demo

jPlayer


Isotope

Another design-oriented jQuery plugin, Isotope helps you create radically stylized layouts with support for animations, sorting, and filtering of individual items.

Demo

Isotope


Adipoli

Add jaw-dropping hover effects to images dynamically with Adipoli, a lightweight jQuery plugin that can be used to add more than 20 transition effects to images, ranging from gray scale and popout to slicedown and foldLeft.

Demo

Adipoli


Craftyslide

Yet another slideshow plugin, Craftyslide eschews the rich features of Supersized in favor of speed. At less than 2kb, it is one of the fastest slideshow plugins that, nevertheless, manages to create gorgeous results.

Demo

Craftyslide


Image Zoom Tour

In the era of Pinterest, the internet is bound to become a more visual experience. Plugins such as Image Zoom will help users zoom in on specific parts of an image for a dramatic transition effect.

Demo

Image Zoom Tour


Power PWChecker

This is a jQuery plugin that checks password strength dynamically and offers a rating (weak, medium, strong). This has been proven to compel users to pick stronger passwords – a first step in securing user data from unwanted attacks.

Demo

Power PWChecker


Page Scroller

A powerful plugin that helps you add smooth-scrolling and animated page targets to any web-page. Fast, responsive, and easy to implement, the Page Scroller plugin makes any lengthy page look twice as good.

Demo

Page Scroller


Circular Content Carousel

A content carousel is a common design element on most sites nowadays. This jQuery plugin helps you create a continuous (i.e. ‘circular’) content carousel with a few lines of code. Fast, responsive, and extremely easy to use.

Demo/a>

Circular Content Carousel


Poshy Tip

Poshy Tip is a jQuery plugin that takes the humble tooltip and adds a touch of style to it. Not only can you alter the appearance of the default tooltip, but also alter its content asynchronously.

Demo

Poshy Tip


jQuery Collapse

This lightweight plugin helps you collapse or expand panels to save space and display information only when requested – a functional, practical design effect that finds a variety of uses.

Demo

jQuery Collapse


Morris.js

Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

Demo

Morris.js


Textualizer

Textualizer is a jQuery plugin that lets you transition through blurbs of text. It currently has the following effects: fadeIn, slideLeft, slideTop, and random. You can choose which effect to use by setting the effect option.

Demo

Textualizer


Minimit Gallery Plugin

Minimit Gallery is the most custom slider plugin you’ll ever find. It’s tested for and supports Css3 transition and transform, drags, scrollers, and touch interactions.

Demo

Minimit Gallery Plugin Example


Noty

Noty makes it possible to replace the standard alert notification with customized alert, success, error and confirmation messages that support variable speed, buttons and animation.

Demo

Noty

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA