Nov 10 2015

10 jQuery Plugins to Create Flip Effects

by Ran Enoch
In this post, find a complied list of jQuery plugin to integrate flip animations. These plugins provides flip effects to images, text, image gallery, clock and any DOM element.

1. flipLightBox

flipLightBox is a free Responsive Lightbox jQuery Plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries. Its main feature is an optional flip effect as each lightbox image opens and closes.


FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.
flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

4. Flip

Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform. Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11.  It still works with other browsers but the "slide" effect will be selected forecely.


5. flipCountDown

flipCountDown is a jQuery clock / timer / countdown plugin in retro flip-count down style.


6. Flip Quote

jQuery Flip Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.


7. Wodry

Wodry.js is a simple jQuery plugin for a text flipping/rotating written in CoffeeScript. It was inspired by the Adjector.js. Wodry.js does the same things but it has new features that allow you to set animation from animations collection, set your own callback on content flipping, etc.

justFlipIt is a lightweight jQuery plugin that allows you to implement CSS3 based flip animations on any DOM elements.

Cover3D is a super tiny (~2kb unminified) jQuery plugin used to create 3D cover flip animations using CSS3 rotate and translate transforms.


10. jQuery Flipper

jQuery flipper is jQuery & jQuery UI based plugin which allows you to rotate an Html element using CSS3 3D transforms.


Responsive Menu
Add more content here...