Skip to content

CSS 3D flipbook — a real page flip, on any device

Pages turn in genuine 3D, drawn with CSS transforms instead of WebGL. No graphics hardware required, less to download, and the first page is on screen sooner.

Get Real3D Flipbook Try your own PDF

Live demo — drag a page corner, or click near the edge

Fast where it counts

The same book, with far less standing between the click and the first page.

No WebGL required

Built on CSS 3D transforms that every current browser supports. No shaders, no GPU checks.

Quicker to first page

Less to prepare before the book appears, so readers start reading instead of watching a spinner.

Kind to old hardware

Older phones and office machines that struggle with WebGL handle this one comfortably.

Same controls

Zoom, thumbnails, search, fullscreen and the rest of the toolbar behave exactly as they do in 3D.

A magazine running in CSS 3D mode

Which mode should you use?

All three ship in the same product — pick per flipbook, or switch any time.

Realistic 3D

Bending pages, lighting and shadows. The showpiece for catalogs and magazines.
See realistic 3D →

CSS 3D — this page

The flip effect with the broadest device support and the lightest footprint.

Swipe

Sideways paging for phone-first audiences and text-heavy publications.
See swipe mode →

  • Identical toolbar in every mode
  • Inline, fullscreen or lightbox embedding
  • PDF links and text search keep working
  • Right-to-left publications supported
  • Link straight to a page number
  • All addons work with every mode

One more book to try in CSS 3D

See your own PDF in CSS 3D

Drop it below — it never leaves your browser.

Drop your PDF or images here
PDF, JPG or PNG

Your files never leave your browser — nothing is uploaded to any server.