7 jQuery Book Effects

About a code

Page Turn Animation using Turn JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: tweenmax.js

About a code

3D FlipBook jQuery

3D FlipBook is jQuery plugin that allows to browse images, PDFs or HTMLs as a flipping book. It can be used for demonstration magazines, books, cards, brochures, booklets and much more in natural way. It helps to attract user attention and make more impression on him.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

iPad Page Flip

A simple page flip effect with swipeleft/swiperight support for the iPad.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: hammer.js

About a code

Fullscreen Pageflip Layout

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bookblock.js, jquerypp.js, jquery.jscrollpane.js, jquery.mousewheel.js

About a code

BookBlock

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bookblock.js, jquerypp.js

About a code

turn.js

The page flip effect for HTML5.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

jQuery Booklet

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.booklet.css, jquery-ui.js, jquery.easing.js, jquery.booklet.js