Total Followers 132,503
In our niche it’s very important to be up to date with latest technologies and features available to impress new clients, show of in portfolio and add functionality more easily – using some advanced code snippets, plugins or hacks.
jQuery possibilities are growing rapidly and there are many people who play with code and discover some amazing combinations achieving effects you have never seen before!
You will find here many plugins which will help to add motion, 3d effects and animation to your website! This list will blow your mind away with possibilities – ready?!!!
AJAX-ZOOM is a sophisticated image zoom & pan gallery plugin based on jQuery and PHP. With over 250 options it is very flexible and can be integrated into any website.
Simply rotates an image by a certain degree or allows the user to rotate an image by dragging around a central axis.
The Cloud Zoom plugin is comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.
Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.
Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from within a series of images.
jQuery Panel Magic is a new take on website navigation. Using a matrix or grid style layout for your website, you can easily implement this plugin for small websites and web applications. It gives you more room for your design and provides a cool new approach to a sitemap.
Convert a checkbox or multiple checkboxes into iphone style switches.
jqFancyTransitions is plugin for displaying your photos as slideshow with fancy transition effects.
jCoverflip is a jQuery cover flow widget that allows website administrators to present featured website content in a visually appealing manner. The widget is quick setup and is highly configurable, and can run as a Drupal Module or standalone.
bxSlider is a jQuery content slider plugin that is light weight and easy to use.
This plugin lets you create a two-layer button with one layer that follows the mouse. This method allows you to create some very professional effects on your site.
The core allows to create your own controls or effects. This plugin transform an “ul li” into an animated carrousel.
This plug-in utilizes the matrix filter in IE and the new CSS3 transform properties to 2d transform any DOMElement.
This plugin displays a list of image thumbnails in a grid and allows them to be zoomed open. It’s a cool and simple effect.
jQuery jMagnify, plugin attach a ola effect to some text following the mouse position.
This plugin sets a division to flip between text messages like a flight board at an airport. It alternates between two or more messages by flipping individual characters.
This is a fast and cross-browser implementation of a 3d carousel – looks very nice, more like a Flash implementation. It can create dynamic reflections underneath the carousel items, is accessible and degrades nicely without JavaScript.
This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.
This plugin creates a simple animation for anchor links by quickly scrolling the page to the area where the anchor is at rather than just jumping right to the anchor like normal.
HoverAttribute is a jQuery plugin that allows you to make (link-)elements more dynamic by making an attribute of that element show up on hovering.
Creates grid system out of divs. On hover the active grid expands to ratio set by the config, fades out the background.
Get The Only Freelancer crash course you will ever need to read!
Valters is 17 years old freelancer from Latvia. His experience in web-building is about 3 years - PHP, xHTML, CSS. He enjoys web-building with different languages. You can follow him on Twitter.
Wednesday, April 25th, 2012 18:15
Similar effect for high resolution images:
http://www.ajax-zoom.com/examples/example20.php
Monday, March 7th, 2011 17:09
A great way of helping people choose what is best for them.
An awesome article, keep it up!
Thursday, September 30th, 2010 08:16
Can anyone recommend a plugin for WordPress similar to BxSlider?
Sunday, June 13th, 2010 03:57
really great list!! loved it.. I think the first one was probably the coolest..
Saturday, June 12th, 2010 20:50
thanks for your nice post…..got the required knowledge from your each and every jquery plugin links….once again thank you very much
Friday, June 11th, 2010 13:35
Thank you for sharing has been nice knowing I’m constantly sharing
and keep track of your shares I would like to share my very nice and informative shares
Awesome article, I’m going to use some of the plugins for sure. Thanks!
Thursday, June 10th, 2010 19:41
I love jquery. the user don’t have to install any plugin and the animation are as goog as the ones made in flash.
Thursday, June 10th, 2010 17:54
That before/after plugin is sweet!!!!
Thursday, June 10th, 2010 17:52
Excellent round up of important improvement that every designer and developer can add to a website to increase the user interactivity.
Thursday, June 10th, 2010 15:23
As always , nice post !!
Proud to be a regular reader of 1stwebdesigner.com
Thursday, June 10th, 2010 11:10
Awesome article, I’m going to use some of the plugins for sure. Thanks!
Thursday, June 10th, 2010 08:09
Just learned some decent idea on jQuery. Thanks for sharing.
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
![Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-webdesignvideocoursepart3.jpg "Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]")
![Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-basicwebdesignvideocoursepart2.jpg "Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]")
Mas
Thursday, June 10th, 2010 07:40
Nice list. Keep posting articles like this.
jeremy
Thursday, June 10th, 2010 17:54
That before/after plugin is sweet!!!!
Jogos Gratis
Thursday, June 10th, 2010 19:41
I love jquery. the user don’t have to install any plugin and the animation are as goog as the ones made in flash.
Jordan Walker
Thursday, June 10th, 2010 17:52
Excellent round up of important improvement that every designer and developer can add to a website to increase the user interactivity.
Avinash
Thursday, June 10th, 2010 15:23
As always , nice post !!
Proud to be a regular reader of 1stwebdesigner.com
Arafat Hossain Piyada
Thursday, June 10th, 2010 08:09
Just learned some decent idea on jQuery. Thanks for sharing.
Andrzej Mazur
Thursday, June 10th, 2010 11:10
Awesome article, I’m going to use some of the plugins for sure. Thanks!
Biber Gazı
Friday, June 11th, 2010 13:35
Thank you for sharing has been nice knowing I’m constantly sharing
and keep track of your shares I would like to share my very nice and informative shares
Awesome article, I’m going to use some of the plugins for sure. Thanks!
chennamadhu
Saturday, June 12th, 2010 20:50
thanks for your nice post…..got the required knowledge from your each and every jquery plugin links….once again thank you very much
Andrea
Monday, March 7th, 2011 17:09
A great way of helping people choose what is best for them.
An awesome article, keep it up!
Vadim
Wednesday, April 25th, 2012 18:15
Similar effect for high resolution images:
http://www.ajax-zoom.com/examples/example20.php
Michael
Thursday, September 30th, 2010 08:16
Can anyone recommend a plugin for WordPress similar to BxSlider?
Marco
Saturday, September 4th, 2010 12:30
Some great ideas on here
mike
Sunday, June 13th, 2010 03:57
really great list!! loved it.. I think the first one was probably the coolest..
Arun M
Monday, June 14th, 2010 16:37
Great listing. Thanks for sharing.