Loading, please wait…
Bring your PDFs to life with 3D page turns, customizable controls, smooth transitions, and WebGL acceleration — all in one lightweight package.
Watch multi-page PDFs transform into immersive 3D flipbooks instantly. Fluid motion, soft shadows, and hardware-accelerated rendering create a premium experience that feels like holding the real thing.
Launch a distraction-free overlay or trigger a curated preset layout. Compare how Flippy adapts to your brand without leaving the page.
Both CTAs load the same PDF with different chrome so stakeholders can evaluate which approach fits best.
Material-aware shading keeps every fold crisp, even on dense layouts.
Smart caching streams pages on demand, keeping the experience snappy.
Selectable layers render copy sharply, ready for search and highlights.
Drop in any PDF and Flippy instantly spins up a private session inside a lightbox viewer. No upload. No waiting. Just pure interactive magic.
We open it locally in the lightbox, so your content never leaves your browser.
Streamed loading keeps performance smooth, even for high-res catalogs.
Everything runs locally in-browser, so you can demo even without Wi-Fi.
Status messages keep viewers informed if a file fails validation.
Explore the advanced features that make Flippy the most realistic and customizable 3D PDF viewer — built for performance, flexibility, and immersive interaction.
Powered by WebGL and Three.js, delivering a lifelike flipping motion.
Optimized performance even with high-resolution PDFs and images.
Easy navigation through sidebars and built-in outline view.
Customizable flip sound effects for immersive experiences.
Automatic memory management and lazy loading for smooth flips.
Easily change icons, colors, and toolbar layout to match your brand.
No coding is required to deliver and share your interactive documents. Create beautiful publications with page flip effect today.
Only current pages are loaded, so Real 3D FlipBook works even faster.
HTML5, CSS3, TailwindCSS Javascript: technologies behind the scene. Pageflip generates valid HTML5 document, styled with TailwindCSS, powered by JavaScript.
Plan, publish, personalize, and profit from immersive WebGL flipbooks—Flippy handles every step so your audience gets a premium reading experience.
Publish WebGL viewers in a click, distribute them via email or chat, embed on landing pages, or deliver offline demo kits that run without the internet.
Control toolbars, iconography, and colors with Tailwind tokens, then serve Flippy from your own domain so every page turn feels native.
See page turns, dwell time, and CTA clicks in real time, or stream granular viewer events into GA4, Mixpanel, or Segment with one config.
Launch paywalled collections with Stripe or Gumroad, or activate responsive ad slots that stay aligned with Flippy's 3D page turns.
Yes—Flippy can be used in client and commercial projects. Reselling or redistributing the plugin is not allowed; each production site should use a valid license key.
All modern browsers with WebGL/HTML5 (Chrome, Edge, Safari, Firefox). Mobile is supported on iOS Safari and Android Chrome.
Yes. Pass an array of image URLs via the images option in the Flippy configuration.
Absolutely. Enable autoPlay and fine-tune autoPlayInterval. You can show play/pause controls and mute the flip sound if desired.
Yes. The viewer adapts to any viewport, supports touch gestures, and can switch between single-page and spread views automatically.
Once assets are cached, previously opened PDFs can be viewed without a network connection. For full offline support, pair Flippy with a Service Worker or PWA setup.
Icons are loaded from /icons/unicon-*.css. Replace with your preferred icon set and update classes, or edit toolbar template strings inside flippy.js.
Yes. Copy src/, books/, and style.css, include jQuery and the modules, then call $("#target").flippyBook({...}) after DOM ready.
Listen for jQuery events like flippy:ready, flippy:pageChange, and flippy:lightbox:open/close to hook into your analytics platform.
Serve the project over HTTP (not file://) to avoid CORS issues when loading PDFs. If a legacy plugin expects CommonJS, use the provided shim in index.js so require resolves in ES module contexts.
Get the full version with documentation, templates, and bonus themes.
Download Package