Collection of free jQuery book effect code examples from Codepen and GitHub.

Author

  • gokul

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Page Turn Animation using Turn JS

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

Responsive: no

Dependencies: tweenmax.js

Author

  • iberezansky

Made with

  • HTML / CSS / 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: -

Author

  • Timo Hausmann

Made with

  • HTML / CSS / JS

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

Author

  • Mary Lou

Made with

  • HTML / CSS / 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

Author

  • Pedro Botelho

Made with

  • HTML / CSS / 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

Author

  • Emmanuel Garcia

Made with

  • HTML / CSS / JS

About a code

turn.js

The page flip effect for HTML5.

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

Responsive: no

Dependencies: -

Author

  • Will Grauvogel

Made with

  • HTML / CSS / JS

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