TNC FlipBook 3D Lite

TNC FlipBook 3D transforms your PDFs and images into beautiful, interactive 3D flipbooks with realistic page-turning physics powered by WebGL and Three.js.

TNC FlipBook 3D includes PDF links, text search, and a dark/light theme toggle.

Live Preview

See TNC FlipBook 3D in action: open the live demo.

Features

• Realistic 3D WebGL page flip with physics
• 2D CSS fallback for older devices
• PDF and image sources
• Clickable PDF hyperlinks (internal + external)
• PDF text search with highlighting
• Table of contents / PDF outline
• Thumbnail navigation panel
• 4 viewing modes: 3D, vertical scroll, horizontal scroll, reading mode
• Dark and light theme toggle with 7 color schemes
• Print, download, social sharing
• Autoplay with speed control
• Fullscreen mode
• Lightbox popup mode
• Deep linking (shareable page URLs via #page/N)
• RTL support for Arabic, Hebrew, and more
• 20 languages included
• Gutenberg blocks + shortcodes
• Per-flipbook toolbar customization
• Keyboard navigation
• Responsive design
• Unlimited flipbooks, unlimited pages
• No watermark, no branding

TNC FlipBook 3D Pro

Need more? The Pro version adds:

• More interface languages
• All color schemes plus brand and hardcover colors
• Merge multiple PDFs with named chapters
• Interactive hotspots (links, media, and products)
• AI read-aloud with premium voices
• Content protection and watermarks
• WooCommerce page gating
• Google Analytics 4 tracking
• Export and import flipbooks
• Page video overlays
• PDF form viewer
• User bookmarks and notes
• Priority support

See Pro plans

Why TNC FlipBook 3D?

• PDF links and search included — both work out of the box
• WebGL 3D rendering — page flip with paper-bend physics
• Smart fallback — uses a lightweight 2D mode when WebGL is unavailable
• Modern admin — Clean wizard-based setup, no confusing settings
• Developer friendly — Clean code, no jQuery dependency on frontend, REST API proxy for secure file serving

Embedding Options

1. Shortcode (inline): [flipbook id="123"]
2. Shortcode (popup link): [flipbook_link id="123"]Click to read[/flipbook_link]
3. Gutenberg Embed Block: Search «Flipbook» in the block inserter
4. Gutenberg Link Block: Insert a clickable link that opens a flipbook popup
5. Direct URL: Each flipbook has its own permalink at /flipbook/your-book/

Source Code

All of this plugin’s own JavaScript and CSS is shipped unminified and human-readable — there is no separate build or compile step for it. The 3D viewer engine lives in assets/flipbook/tnc-flipbook.js and assets/flipbook/tnc-flipbook.css.

The bundled third-party libraries are also included unminified, in assets/lib/:

• Three.js (MIT) — https://github.com/mrdoob/three.js
• PDF.js (Apache-2.0) — https://github.com/mozilla/pdf.js