Welcome to 3D FlipBook page. Here you can find detailed product description, usage cases, latest documentation and a lot of examples. It is recommended to visit project home page.
Realistic view
3D FlipBook is exact 3D model of real book (see 1, 2, 3) with physics based annimation.
You can use it for presentation books, magazines, brochures or even create your website inside it!
Easy setup
Creating FlipBooks is fast and easy, upload your PDF, images or HTML and insert the code into your page.
Using html tag
<div class="flip-book-container" src="example.pdf">
</div>
Using JavaScript
var options = {
pdf: 'example.pdf'
};
$('container-selector').FlipBook(options);
User interface
FlipBook UI was developed using bootstrap – the most popular UI library. So it is deadly easy to customize it for your needs. If you already use
bootstrap for your website it will be customized by your current theme automaticly.
Customization
FlipBook allows you customize a lot of options: page flip start speed, gravity, papar shape, thickness, color, paddings and flexibility, lights, cached pages amount, binder and much more.
Graphics
FlipBook uses WebGL to render realistic 3D books. WebGL is a API for creating interactive 3D graphics without using plugins.
Responsive
FlipBook has size of the container where you place it.
Fullscreen
Fullscreen mode seems to be very cool. Enjoy using it.
Interactive
As HTML pages are pages of FlipBook you can create interactive books, use CSS and JavaScript, create navigation and much more.
Full feature list
- 3D book view
- realistic 3D page turn animation
- physics based animation – it is very funny and friendly for users
- page loading animation
- customizable animation
- free orbit
- customizable lights
- responsive design
- no plugins needed, works on all major platforms
- smart page loading – user behaviour prediction system
- fullscreen support – if fullscreen is supported by browser it will expand the book in full screen
- advantage using in bootstrap projects
- customizable user interface
- modern technologies – this is modern JavaScript project (ES6), there are used popular libraries: Bootstrap, jQuery, ThreeJs, PdfJs
