Friday , 31 October 2014
You are here: Home » CSS3 and Jquery » 27 unforgettable Jquery Plugins Of 2012

27 unforgettable Jquery Plugins Of 2012

I have always work hard to get the best and freshest Jquery plugins roundup for my readers and as we come to end of year, now its a good time to share the unforgettable jquery plugins of year 2012.Previously I presented you with New Jquery plugins and my readers found it useful, so in this post you will find even more awesome and new plugins.  

Note : Click the screens for the Demo’s

MAKISU 3D DROPDOWN MENU

An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.

WINDY: A PLUGIN FOR SWIFT CONTENT NAVIGATION

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.

UNIQUE CSS3 CONTACT FORM

This is an effect of a letter sliding out from an envelope on mouse hover.It works in browsers supporting css3 transitions. In IE the envelope is not visible, I certainly could have played a bit more with jQuery to reproduce a similar effect, but it’s not a part of this tutorial.

EXPERIMENTAL PAGE LAYOUT INSPIRED BY FLIPBOARD

An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.

PRODUCT COLORIZER

It is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup. The plugin works in all major browsers including IE7+ (will work with IE6 if you use a png fix)

CONTACT FORM WITH SOME FANCY 3D EFFECTS

In this tutorial we will use css3 3D transforms to create a contact form that mimic a regular letter. You’ll have to flip the envelope, note your (sender’s) coordinates on its back lid, open the envelope, unfold the paper and write your message.

We’ll also make use of the :target pseudo-class so that no javascript is necessary.

 CSS3 3D TEXT ANIMATION EFFECT

jQuery Destaque Plugin

A slide prestentation plugin with a built in paralax effect.

 MLENS JQUERY PLUGIN-THE MAGNIFYING GLASS

ROUNDABOUT

Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

REAL SHADOW

 jQuery Plugin that casts photorealistic shadows. Perfect for eye-catching demos and landing pages.

 A COOL INSTAGRAM GRAVITY GALLERY JQUERY PLUGIN

REFINESLIDE

RefineSlide is a simple jQuery plugin for displaying responsive, image-based content (with shiny animations).

 UNFOLDING 3D FOLDING CONCEPT

The idea is to reveal thumbnails using a neat effect: the current image will be “opened” in the middle and the thumbnails view will unfold in 3D.

TILT SHIFT

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.

BUILD A PARALLAX SCROLLING EFFECT WEBSITE

Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS.

IVIEW SLIDER

iView Slider is an easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. It allows you to easily add an unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even as a presentation.

 ImageMapster

A jQuery plugin that activates HTML imagemaps so you can highlight and select them. It has lots of other features for manual control, tooltips, resizing, and more. It is designed to be compatible with every common platform, and is tested with Internet Explorer 6-10, Firefox 3.0+, Safari, Opera, and Chrome. It works on mobile devices and doesn’t use Flash.

GRIDSTER DRAGGABLE LAYOUT

gridster.js is a jQuery plugin that helps you to build intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

BOOK BLOCK

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

BACKGROUND STRETCHER II

bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area.

ANY LIST SCROLLER-JQUERY PLUGIN TO SCROLL LISTS

Any List Scroller (ALS) is the jQuery plugin to scroll any list, of any dimension, with any content.

ADAPTIVE THUMBNAIL PILE EFFECT WITH AUTOMATIC GROUPING

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

SLIM SCROLL – PLUGIN FOR SCROLL BARS

slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar – similar to the one Facebook and Google started using in their products recently.

slimScroll doesn’t occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.

 ADAPTOR JQUERY CONTENT SLIDER

JSIGNATURE

jSignature is a jQuery plugin that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger on touch enabled devices (e.g. iPhonesiPads or Android devices).

CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS

JQUERY WEB TICKERS

Not enough for you ? check out “Amazingthings Jquery Archive“.I hope year 2013 brings more awesome plugins for web designers.

About aakashdoshi

AAKASH DOSHI. Bachelor's in Computer Science, NMIMS UNIVERSITY Currently Working as a Software Specialist in eClinicalWorks (Number 1 Electronic Medical Record Software Provider in USA). A web Addict and a Hardcore Gamer, Dreaming of "The Next Big Thing !" Contact me
Scroll To Top