QuickFlip 2 - Basic Examples

by Jon Raasch


The jQuery QuickFlip Plugin is easily applied to any piece of HTML markup, and works with custom backgrounds, images and any kind of content:

jQuery QuickFlip

QuickFlip takes any piece of HTML markup and flips it like a card. It's simple to implement and the animation is fresh and original.

Click to Flip

QuickFlip 2

A plugin for jQuery

By Jon Raasch

More About QuickFlip

Click to see QuickFlip in action

QuickFlip 2 can also flip vertically:

Also Flips Vertically

QuickFlip's flip effect works horizontally and vertically

Click to Flip Vertically


QuickFlip 2 automatically pulls in the dimensions of the object it's flipping. The divs below use a percentage width:

Front content here

Click to Flip

More About QuickFlip

Back content here

Click to Flip

Front content here

Click to Flip

More About QuickFlip

Back content here

Click to Flip



QuickFlip example with a hover effect
Read the QuickFlip 2 blog post
View the QuickFlip documentation