3D Flip Book

About

3D Flip Book

Discover the only real 3D book available for sale. It uses WRBGL and Three.js to bend the pages in a realistic way with dynamic lighting, accurate reflections, and physics-accurate page rotation and positioning.

90 + Cusomizable settings

Experience our fully customizable 3D Flip Book – we've thought of everything to create a seamless and immersive experience!

WordPress, WooCommerce, JavaScript versions

Versatile 3D Flip Book—designed to work seamlessly with WordPress, WooCommerce, and JavaScript.

Created by Elite Author

Experience the power of elite innovation. As a top Envato author since 2012, I create plugins that fuse cutting-edge technology with timeless design, driving your projects to success.

Powered by Three.js

Experience the world's only true 3D book—a revolutionary digital masterpiece powered by WRBGL and Three.js. Every page is rendered with hyper-realistic bending, dynamic lighting, precision reflections, and physics-accurate rotation, turning every reading moment into an immersive adventure.

Fully customizable

Take charge of your interactive reading with our fully customizable 3D flip book. Fine-tune responsive dimensions, realistic page effects, dynamic lighting, and intuitive controls for a truly engaging experience.

Try our demos

These are just some examples we created. They are included as templates for easy access. The possibilities are endless! Open the live settings panel on the examples and experiment with the settings.

Other Features

Responsive Layout

Fully responsive and adaptable regardless of which device is used.

Desktop & Mobile Optimized

3D Flip Book will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.

Lazy Scrolling/Loading

Option to initialize 3D Flip Book on scroll when the carousel is visible in the page, this way for example if the carousel is in a section that is not visible it will not be initialized, instead 3D Flip Book will be initialized only when the user will scroll to the section in which the carousel is added.

Multiple Display Types

UFB has three display types, responsive, after parent and lightbox.

Customizable Size

UFB can be set to any width or height and placed anywhere on your page or app. Additionally,pages size and ratio can be set as needed.

Parallax

Optional parallax effect adds depth and movement.

Roughness Texture

Optional roughness texture for the cover and back. This adds a subtle surface detail—like a logo—that interacts with light, creating realistic reflections and depth.

Preloader

Optional animated preloader.

Page Ratio

UFB can seamlessly change the book's aspect ratio, allowing you to display formats like a landscape book.

Page Depth

UFB can seamlessly adjust the book's thickness, allowing for realistic depth based on the number of pages.

Start at Custom Page

Optionally open the book to a specific page when it's displayed for the first time, example here.

Center Opened Pages

Optional center the book on the open page, example here.

Customizable Color Theme

All aspects of the color theme can be customized—buttons, backgrounds, and even the page side colors. See a white theme example here.

Lights

Optional customizable directional and ambient lighting for enhanced visual depth and realism.

Controll buttons

Control bar with customizable buttons—any or all buttons can be removed, and their order can be rearranged as needed. Available options include: Table of Contents, Pages, Zoom In/Out, Play, Page Selector, Share, Print, Sound, and Fullscreen.

Closed and Open Book Camera Position

Option to set custom camera positions—including zoom, rotation, and more—when the book is closed and when it is opened.

Orbital Controls

Customizable 3D orbital controls allow zooming and camera movement. Camera rotation can be selectively constrained both horizontally and vertically. You can also customize parameters such as minimum and maximum zoom levels, zoom factor, damping, zoom speed, pan speed, and more.

Post Processing

Shaders that improve antialiasing for a crisp, clean look. Includes effects like grid distortion, fluid distortion, glitch distortion, after image and more.