The flipbook library for modern sites

Install

pnpm add @zinejs/core @zinejs/pdf

PDF flipbook example with source code .

Images without PDF? Just install @zinejs/core. Click to see images flipbook example .

What you get with zinejs

• Lightweight

  A small core with lazy renderer chunks. Image books stay light; PDF is a separate package. Built for marketing pages, not only heavyweight apps.

  Package sizes

• Images & PDFs

  Ship catalogs, magazines, lookbooks, and reports as a book your readers can actually flip through.

  ImagesPDFExamples

• Feels like paper

  Smooth page turns, corner grabs, zoom and pan. The gestures people expect from a real flipbook.

  PDF demoImages demo

• Configurability

  Renderer, curl, spreads, zoom, deep links, discoverability hints, context menu, and a full controls bar: tune the book without forking the library.

  Options

• Extensibility

  Plug in curl models, pick control items, or drive the book from your own UI with a typed programmatic API.

  APIProgrammatic example

• Accessibility

  Respects prefers-reduced-motion with a simpler, shorter page turn. Built-in controls use labels, focus styles, and a proper share dialog.

  Accessibility

• Light & dark mode

  Toolbar, arrows, and the loading overlay follow the page color-scheme by default. Pin light or dark, or retheme with CSS variables.

  Controls options

• Drop it in anywhere

  npm, script tag, or CDN. React, Vue, Nuxt, Next, or plain HTML: same API either way.

  IntegrationsHTML / CDN

• WebGL with CSS fallback

  Realistic curls when WebGL2 is available; a plain CSS renderer when it is not. You can force either path.

  Renderer optionCSS demo

• RTL ready

  Right-to-left reading for Arabic, Hebrew, and other locales, with matching control arrows.

  RTL example

• Built-in reader chrome

  Optional toolbar and right-click menu: prev/next, zoom, fullscreen, share, search, outline, thumbnails, print, and download when the source supports them. Hide any control with hideControls.

  Controls optionsTry controls

• Typed by default

  Ships TypeScript types. Autocomplete for options, events, and methods in modern editors.

  API reference