10 jQuery Flipbook Animation Plugins

A flipbook in flash used extensively three or five years back, even many of the websites are launched using the flip book component in Flash. So if you want to create flipbook animations without flash, here are 10 jQuery Flipbook Animation Plugins.

Newspaper Flipbook

This is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included. You need to download it separately here. This library is free to personal use.

flipbook

BookBlock

A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.

flipbook-1

booklet

This is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library.

flipbook-2

Responsive Flip Book

It is fully HTML & jQuery driven no Flash Player needed. Works on desktop and mobile devices! You get the same experience on every platform because responsive design makes it look good on all resolutions.

flipbook-4

WowBook

It is jQuery plugin that allows you to create a online publication(like a book or magazine) with 2 different page flipping effects.

flipbook-5

FlipPage

It is powerful jQuery plugin to create the illusion of turning pages of book, basically this plugin is developed for presentation on touch pad. Plugin uses HTML5-CSSS3 and hardware acceleration and work also in mobile browser. FlipPage plugin keeps the page flip effect inside/over the images displayed.

flipbook-7

jPageFlipper

This is a wonderful implementation of page flipper entirely based on HTML 5 canvas tag. It means that it can work in any browser that supports HTML 5 standard draft – just out of the box!

flipbook-8

Moleskine Notebook

How to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel.

flipbook-9

Creating a Flipbook Image Slider with CSS3 3D Transforms and jQuery

Along with some normal CSS we’re going to be using 3D Transforms to accomplish the page flipping effect. In jQuery we’re going to split the div images into two separate divs, and then rotate one div to make it seem as though it’s flipping.

flipbook-10

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.