20+ FlipBook Script (HTML+CSS+jQuery)

FlipBook Script – Are you looking for FlipBook Script, If yes then in this post I am going to share hand-picked FlipBook Script for you. These FlipBook scripts allow users to create flipbook or page-flips effects to present their product catalogs, sales brochures, contents etc. in a eye catching and visually effective way. You can use these FlipBook Script in your next web based projects.

FlipBook Script

Following are the list of FlipBook Script.

Flip Book DEMO

 Flip Book

A GSAP powered cross-browser 3D Book. Click the pages to move between them, hover them to raise the page.


turn.js responsive tablet demo DEMO

 turn.js responsive tablet demo

This is a responsive, fullscreen demo that auto-switches between single/double page display mode depending on viewport width (wide/landscape = double, narrow/portrait = single). This pen utilizes turn.js 4th release lib.


Inspiration: Flipbook DEMO

 Inspiration: Flipbook

Credit: Codrops – Bookblock snippet


Pure CSS3 3D Flipbook Loader DEMO

 Pure CSS3 3D Flipbook Loader

Been experimenting with CSS 3D transforms


Flipbook DEMO

 Flipbook


Turn.js DEMO

 Turn.js


Share your PDFs as a flipbook using just an iframe DEMO

 Share your PDFs as a flipbook using just an iframe

A demo of FlowPaper lite which can be used using just an iframe. Simply point the last part of the URL to a PDF you want to enhance and voila!


Simple flipbook DEMO

 Simple flipbook

Just a simple flipbook using css3 and jQuery. Loosely based on http://desandro.github.io/3dtransforms/docs/card-flip.html


turn.js DEMO

 turn.js


Flip Book DEMO

 Flip Book

A flip book using turn.js Note: when via jsfiddle, use GearJS to set JQ library and external link for turn.js > http://www.turnjs.com/lib/turn.min.js


Perspective Flipbook DEMO

 Perspective Flipbook

The first time I’m playing with css perspective and transform types 😀 The divs seem to be assigned an incorrect z-index value when transform-type: preserve-3d is used. There is a comment in the css code that explains the solution.


Flipbook DEMO

 Flipbook


Flipbook jQuery DEMO

 Flipbook jQuery


Scroll Flip-Book DEMO

 Scroll Flip-Book

Based on http://andrevv.com/. Using background images and different sections revealing each fixed background image to create a flip-book effect.


SVG: Multiples Make A 3d Flip Book DEMO

 SVG: Multiples Make A 3d Flip Book

Getting Friendly With SVG #5: Multiple Attributes Together To Create A 3D Flip Book.


Flipping Book DEMO

 Flipping Book

Custom flipping book with transitions


Flip Book DEMO

 Flip Book

A Flip book in HTML 5 with page flip effect


flip-book animation DEMO

 flip-book animation

flip-book (german: daumenkino) like animation to show and hide elements to create whatever animation


CSS Only Flipping Book DEMO

 CSS Only Flipping Book


Flip Book DEMO

 Flip Book

A flip book using turn.js Note: when via jsfiddle, use GearJS to set JQ library and external link for turn.js > http://www.turnjs.com/lib/turn.min.js


Web-Flip-Book-Animation DEMO

 Web-Flip-Book-Animation

A poorman’s flip-book animation for those who can’t afford a paper pad….PS – Resize your screen to the size of the head and SCROLL! *not compatible with iOS7


Simple flip book DEMO

 Simple flip book


Flip book gallery- No JS DEMO

 Flip book gallery- No JS


CSS 3D Flip Book DEMO

 CSS 3D Flip Book


Book Flip DEMO

 Book Flip


I Hope you liked Hand-picked list of FlipBook Script, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.

Leave a Reply

Your email address will not be published. Required fields are marked *

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