7 Cool jQuery Plugins for Transitions

Including smoothed, polished transitions is a fabulous way to make your projects look sleek and professional. Animated transitions are the perfect finishing touch to add to a website, but writing the code for these transitions from scratch (whether you're using CSS or jQuery to execute them), can sometimes be much more of a pain than it's worth. If you want to add transitions to you projects without putting in the extra time to write the code yourself, check out this list of some of the coolest free jQuery plugins to achieve transition effects.

1. Transit

Transit is a fantastic free plugin that will provide you with the smoothest transitions using jQuery. The plugin is easy to use and will animate any element in both 2D and 3D transformations.

2. Multi-screen.js

Multi-screen.js will provide you with animated transitions to switch between "pages." Basically, it's a unique way to create a single-page site that has the illusion of having multiple pages because the user is able to flip through the content smoothly and easily with the help of Multi-screen.js.

Fluidbox is an image-enlarging plugin that allows your user to click on an image to enlarge it, and when the image enlarges, it does so using a nice transition effect. Perfect if your project has a lot of plugins that you want your users to be able to enlarge without it feeling clunky. The plugin also supports responsive designs.

Blindify is another transition plugin that can be applied to images. The aim of the plugin is to allow you to create image slideshows where the transitions are a vertical or horizontal "blind-effect" -- so it sort of resembles animated window blinds.

An interesting take on the menu concept, this plugin helps you build a square (or rectangular) menu that opens at a single click, and when it opens it does so using a beautiful, customizable transition.

6. Dialog

A cool way to use transition effects it to apply them to pop ups or dialog boxes, which is exactly what the Dialog plugin does. With Dialog, you can apply smooth transition effects to any pop-up, so that the pop-up effect is sleeker and less jarring for the user. This plugin is ultra lightweight.

7. Wiper

Wiper is another plugin to use when creating image slideshows. This slideshow plugin not only offers cool, wiping transition effects for your slideshow, but it also provides a very unique slider navigation (see in the screenshot above all the bars in the top left corner that say "sample" -- clicking one of these will reveal a previously viewed slide). 


Nothing shocks me, I'm a Software Engineer. And I am not young enough to know everything. I live in World Wide Web and from there take care of this website. This website communicates about my work, learning and experience. I believe life is short, and it is for loving, sharing, learning and connecting. So lets connect..