Flipster Demo

jQuery Flipster is a CSS3 3D transform-based jQuery plugin built to replicate the familiar 'cover flow' effect, but also supports a variety of styles. Not only is it gorgeous to look at, Flipster is also:

Responsive Automatically centers and scales to fit the area provided.
Touch Friendly Swipe between items on touch devices without interrupting scroll.
Lightweight Javascript and CSS combined are only 5kb gzipped (13kb without gzip). Only dependency is jQuery.
Customizable Four built in styles (coverflow, carousel, wheel and flat) with plenty of options to configure Flipster the way you want

But don't take our word for it. Check out the demos below, or download from GitHub to try it yourself.

Default Settings (Coverflow)

$("#coverflow").flipster();

Flipster Carousel

$("#carousel").flipster({
    style: 'carousel',
    spacing: -0.5,
    nav: true,
    buttons: true,
});

Flipster Wheel

$("#wheel").flipster({
    style: 'wheel',
    spacing: 0
});

Flipster Flat

$("#flat").flipster({
    style: 'flat',
    spacing: -0.25
});