Today we’d like to share a flat take on a magazine-like layout with a “page flip” animation. When navigating, the content gets covered and then the next “pages” show. Depending on how far the pages are apart (when choosing a page from the menu), we show multiple elements to cover the content, creating a flat page flip look. The layout is powered by CSS Grid.
Best jQuery Flipbook Plugins & Tutorials with Demo
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 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.
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
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
- 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 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.
