Best jQuery Flipbook Plugins & Tutorials with Demo

Magalone Flipbook with JavaScript & CSS

Magalone Flipbook with JavaScript & CSS

Create beautiful and interactive flipbooks, magazines or books. Magalone automatically converts your existing PDF document into an interactive and state of the art flipbook. No dependencies on other libraries like jQuery or Bootstrap, Magalone works 100% independent. Support for smartphones, tablets, touchscreens and low bandwidth situations.

Features:

  • page turn animations
  • easy to use and customize
  • no programming skills required
  • lightbox mode, responsive mode, fullscreen mode
  • single / double page mode ( for mobile & desktop )
  • can render PDF files using the PDFs library
  • supports multimedia overlays (links, videos, music, HTML, galleries) using newest HTML5 technology
  • touch controls (including pinch to zoom)

dFlip – 3D & 2D Flipbook WordPress Plugin

dFlip - 3D & 2D Flipbook Wordpress Plugin

DFlip is a high quality, realistic flipbook plugin for WordPress with smooth effects to stun your viewers. It has PDF support inbuilt and you can have easy PDF integration without any extra extension. It’s very responsive and device friendly. You will have almost all features you’ll lookout for: like hot-spots, PDF annotations, outline, custom outline, image support, etc all in a single package.

Newspaper Flipbook : jQuery Plugin

Newspaper Flipbook : jQuery Plugin

Book can read PDF files without converting to jpg files. Used is an awesome library PDF.js.
PDF.js works in the following browsers: Firefox, Chrome, Opera, IE10+. Limited support for Safari, Android and IE9.

OneBook3d : jQuery Flip Book Plugin

OneBook3d : jQuery Flip Book Plugin

The beautiful jQuery plugin for photographers and designers. With OneBook3D you can easily create an eye-catching presentation of your books, magazines or portfolio. Flexible, adaptive and customizable design. Auto resizing images. Full screen mode. Ideal for photo-albums!

JS Flip Book Creator

JS Flip Book Creator

This is an online solution for Design Flip Books with custom Backgrounds, Motives and Texts.

Classy FlipBook – jQuery Plugin

Classy FlipBook - jQuery Plugin
  • FlipBook is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included.
  • reverse flip book for the eastern countries (right to left)
  • any width for Flipbook, you can add to your site – working on layout responsive and not responsive.
  • you can easily disable the toolbar
  • unlimited number of pages
  • optimal loading pages(the flipbook does not show all the page – only 7 pages is in memory)
  • double pages
  • you can change the width input text in bottom bar
  • icon fullscreen ( only works under FF and Chrome )<
  • no Flash Player needed (works on the Ipad etc.)

Business FlipBook – jQuery WordPress Plugin

Business FlipBook - jQuery Wordpress Plugin

flipbook is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included.

Features:

  • works on the iPad,iPhone etc. ( no Flash Player needed )
  • support for tags in WYSIWYG editor.
  • reverse flip book for the eastern countries (right to left)
  • icon fullScreen ( only works under FF and Chrome )
  • you can change the zoom to double click the mouse
  • you can change the zoom step for zoomIn and for zoomOut
  • you can enable / disable deeplinking (string at the end of the browser’s address)
  • responsive design

Real 3D FlipBook – Responsive WordPress Plugin

Real 3D FlipBook - Responsive WordPress Plugin
  • The most realistic paper animation
  • real 3d – lights, shadows, page bending
  • easy to use and customize
  • responsive design – book resizes so it fits screen width or screen height depending on the layout, thumbnails are placed horizontally or vertically depending on the layout
  • optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
  • no Flash Player needed to run
  • smart page loading – only current pages are loaded
  • choose between 3 types of flip animation – webgl realistic 3d, jquery 2d or CSS3 3d flip animation customizable animation speed and transition type
  • show all pages – thumbnails
  • table of content – customizable
  • advanced zooming support with mouse wheel zoom on desktop, pinch zoom on mobile, scrollbars when zoomed, touch swipe, click and drag
  • zoom in and out buttons
  • real fullscreen support – if fullscreen is not supported by the browser, the icon will not be shown in the menu, if fullscreen is supported it will expand the book in real full screen mode, not browser full screen
  • retina friendly icons – icon font used for menu icons, fully customizable – change color, size, add drop shadow ect.
  • customizable menu – use only icons that you need
  • social share – facebook, twitter, google plus. linkedin
  • 3 skins included, customizable skins through CSS
  • 10 background patterns included

FlipHTML5 : jQuery and HTML5 flip book maker for PDF

FlipHTML5 : jQuery and HTML5 flip book maker for PDF

FlipHTML5 is a free Flip Book Maker which can convert PDF to HTML5 & jQuery flipbook, also support converting MS Office, OpenOffice and Images to HTML5 and jQuery based page flip ebook.

Add YouTube video, local video player, audio player, images, photo slideshow, text, links, bookmark and flash animation to enrich flip book and engage flipbook readers.Create life-like digital magazine in HTML5 & jQuery to works smoothly on mobile devices, including iPhone, iPad, Android phone, Android tablet.

WebcamSwiper : jQuery Flip Book

WebcamSwiper : jQuery Flip Book

An experiment/hack using getUserMedia to watch for swipes left and right with a hand. This could be applied to many different uses. Flipping through pictures in an image carousel, moving to the next item in a list, flipping pages of a book or magazine, etc.