FlipCatalog
// 250 working recipes

Library × use-case recipes

Every open-source flipbook library on FlipCatalog is mapped to every use case we cover. Each recipe is a complete, copy-pasteable starting point: setup, code sample, the use-case-specific patterns that matter, the mistake to avoid, and the alternatives worth knowing.

The matrix below is the entry point. Pick a library row and scan across to find the use case you are building for; or pick a use-case column and scan down to compare libraries. Each cell links to a dedicated 300-word recipe with a runnable code sample. our editorial picks for each combination are updated on every re-seed.

Turn.js ★ 7,475 · NOASSERTION · JavaScript

The classic jQuery page-flip plugin that defined the look-and-feel of HTML5 flipbooks.

E-Learning Modules with Turn.js → Product Catalogs with Turn.js → Digital Magazines with Turn.js → Brochures with Turn.js → Annual Reports with Turn.js → Portfolios with Turn.js → Restaurant Menus with Turn.js → Lookbooks with Turn.js → Digital Newspapers with Turn.js → Manuals & Guides with Turn.js →

StPageFlip ★ 807 · MIT · TypeScript

Modern, dependency-free TypeScript page-flip library with realistic shadows and gradients.

E-Learning Modules with StPageFlip → Product Catalogs with StPageFlip → Digital Magazines with StPageFlip → Brochures with StPageFlip → Annual Reports with StPageFlip → Portfolios with StPageFlip → Restaurant Menus with StPageFlip → Lookbooks with StPageFlip → Digital Newspapers with StPageFlip → Manuals & Guides with StPageFlip →

BookBlock ★ 983 · MIT · HTML

A Codrops content-flip plugin with portrait and landscape modes, perfect for editorial layouts.

E-Learning Modules with BookBlock → Product Catalogs with BookBlock → Digital Magazines with BookBlock → Brochures with BookBlock → Annual Reports with BookBlock → Portfolios with BookBlock → Restaurant Menus with BookBlock → Lookbooks with BookBlock → Digital Newspapers with BookBlock → Manuals & Guides with BookBlock →

3D FlipBook ★ 0 · GPL-3.0 · JavaScript

Open jQuery + Three.js powered 3D flipbook with realistic page bending in WebGL.

E-Learning Modules with 3D FlipBook → Product Catalogs with 3D FlipBook → Digital Magazines with 3D FlipBook → Brochures with 3D FlipBook → Annual Reports with 3D FlipBook → Portfolios with 3D FlipBook → Restaurant Menus with 3D FlipBook → Lookbooks with 3D FlipBook → Digital Newspapers with 3D FlipBook → Manuals & Guides with 3D FlipBook →

PageFlip.js ★ 807 · MIT · TypeScript

Modern ESM page-flip library (the npm-packaged distribution of StPageFlip).

E-Learning Modules with PageFlip.js → Product Catalogs with PageFlip.js → Digital Magazines with PageFlip.js → Brochures with PageFlip.js → Annual Reports with PageFlip.js → Portfolios with PageFlip.js → Restaurant Menus with PageFlip.js → Lookbooks with PageFlip.js → Digital Newspapers with PageFlip.js → Manuals & Guides with PageFlip.js →

flipbook-vue ★ 761 · MIT · Vue

Vue.js 3 component for flipbook viewers with responsive sizing and lazy image loading.

E-Learning Modules with flipbook-vue → Product Catalogs with flipbook-vue → Digital Magazines with flipbook-vue → Brochures with flipbook-vue → Annual Reports with flipbook-vue → Portfolios with flipbook-vue → Restaurant Menus with flipbook-vue → Lookbooks with flipbook-vue → Digital Newspapers with flipbook-vue → Manuals & Guides with flipbook-vue →

react-pageflip ★ 710 · MIT · TypeScript

React wrapper around StPageFlip with a declarative API with refs, hooks, and SSR-friendly hydration.

E-Learning Modules with react-pageflip → Product Catalogs with react-pageflip → Digital Magazines with react-pageflip → Brochures with react-pageflip → Annual Reports with react-pageflip → Portfolios with react-pageflip → Restaurant Menus with react-pageflip → Lookbooks with react-pageflip → Digital Newspapers with react-pageflip → Manuals & Guides with react-pageflip →

DearFlip ★ 0 · GPL-2.0 · JavaScript

Open-source jQuery flipbook with PDF.js integration, deep-link page anchors, and search overlay.

E-Learning Modules with DearFlip → Product Catalogs with DearFlip → Digital Magazines with DearFlip → Brochures with DearFlip → Annual Reports with DearFlip → Portfolios with DearFlip → Restaurant Menus with DearFlip → Lookbooks with DearFlip → Digital Newspapers with DearFlip → Manuals & Guides with DearFlip →

pdf-flipbook ★ 0 · MIT · JavaScript

PDF-first flipbook renderer that converts uploaded PDFs into a turn-page experience using PDF.js + canvas.

E-Learning Modules with pdf-flipbook → Product Catalogs with pdf-flipbook → Digital Magazines with pdf-flipbook → Brochures with pdf-flipbook → Annual Reports with pdf-flipbook → Portfolios with pdf-flipbook → Restaurant Menus with pdf-flipbook → Lookbooks with pdf-flipbook → Digital Newspapers with pdf-flipbook → Manuals & Guides with pdf-flipbook →

flip-book-jquery ★ 0 · MIT · JavaScript

Tiny jQuery plugin (~6KB gzip) for static page-flip layouts where filesize matters most.

E-Learning Modules with flip-book-jquery → Product Catalogs with flip-book-jquery → Digital Magazines with flip-book-jquery → Brochures with flip-book-jquery → Annual Reports with flip-book-jquery → Portfolios with flip-book-jquery → Restaurant Menus with flip-book-jquery → Lookbooks with flip-book-jquery → Digital Newspapers with flip-book-jquery → Manuals & Guides with flip-book-jquery →

PageFlip (original) ★ 0 · MIT · JavaScript

The original npm pageflip package; a minimal canvas renderer focused on raw 60fps page turning.

E-Learning Modules with PageFlip (original) → Product Catalogs with PageFlip (original) → Digital Magazines with PageFlip (original) → Brochures with PageFlip (original) → Annual Reports with PageFlip (original) → Portfolios with PageFlip (original) → Restaurant Menus with PageFlip (original) → Lookbooks with PageFlip (original) → Digital Newspapers with PageFlip (original) → Manuals & Guides with PageFlip (original) →

flipbookr ★ 210 · NOASSERTION · CSS

R-Markdown package that turns reproducible R code chunks into step-by-step educational flipbooks.

E-Learning Modules with flipbookr → Product Catalogs with flipbookr → Digital Magazines with flipbookr → Brochures with flipbookr → Annual Reports with flipbookr → Portfolios with flipbookr → Restaurant Menus with flipbookr → Lookbooks with flipbookr → Digital Newspapers with flipbookr → Manuals & Guides with flipbookr →

android-PageFlip ★ 1,753 · Apache-2.0 · Java

OpenGL ES native Android library for buttery-smooth page-curl effects in Android apps.

E-Learning Modules with android-PageFlip → Product Catalogs with android-PageFlip → Digital Magazines with android-PageFlip → Brochures with android-PageFlip → Annual Reports with android-PageFlip → Portfolios with android-PageFlip → Restaurant Menus with android-PageFlip → Lookbooks with android-PageFlip → Digital Newspapers with android-PageFlip → Manuals & Guides with android-PageFlip →

react-native-page-flipper ★ 0 · MIT · JavaScript

React Native page-flip component using Reanimated 2 for native-thread 60fps gestures on iOS and Android.

E-Learning Modules with react-native-page-flipper → Product Catalogs with react-native-page-flipper → Digital Magazines with react-native-page-flipper → Brochures with react-native-page-flipper → Annual Reports with react-native-page-flipper → Portfolios with react-native-page-flipper → Restaurant Menus with react-native-page-flipper → Lookbooks with react-native-page-flipper → Digital Newspapers with react-native-page-flipper → Manuals & Guides with react-native-page-flipper →

flipbook-viewer ★ 198 · MIT · JavaScript

Headless viewer that renders any sequence of images into a flipbook, perfect for static-site galleries.

E-Learning Modules with flipbook-viewer → Product Catalogs with flipbook-viewer → Digital Magazines with flipbook-viewer → Brochures with flipbook-viewer → Annual Reports with flipbook-viewer → Portfolios with flipbook-viewer → Restaurant Menus with flipbook-viewer → Lookbooks with flipbook-viewer → Digital Newspapers with flipbook-viewer → Manuals & Guides with flipbook-viewer →

PageFlipLayout ★ 0 · Apache-2.0 · JavaScript

Android RecyclerView layout manager that adds a page-flip transition to vertical/horizontal lists.

E-Learning Modules with PageFlipLayout → Product Catalogs with PageFlipLayout → Digital Magazines with PageFlipLayout → Brochures with PageFlipLayout → Annual Reports with PageFlipLayout → Portfolios with PageFlipLayout → Restaurant Menus with PageFlipLayout → Lookbooks with PageFlipLayout → Digital Newspapers with PageFlipLayout → Manuals & Guides with PageFlipLayout →

Flipbook3 ★ 0 · MIT · JavaScript

Three.js based 3D flipbook with full WebGL page bending and interactive light source.

E-Learning Modules with Flipbook3 → Product Catalogs with Flipbook3 → Digital Magazines with Flipbook3 → Brochures with Flipbook3 → Annual Reports with Flipbook3 → Portfolios with Flipbook3 → Restaurant Menus with Flipbook3 → Lookbooks with Flipbook3 → Digital Newspapers with Flipbook3 → Manuals & Guides with Flipbook3 →

PageFlip-R3F ★ 9,719 · MIT · JavaScript

React-Three-Fiber recipe for building a curl-page flipbook in WebGL with declarative React components.

E-Learning Modules with PageFlip-R3F → Product Catalogs with PageFlip-R3F → Digital Magazines with PageFlip-R3F → Brochures with PageFlip-R3F → Annual Reports with PageFlip-R3F → Portfolios with PageFlip-R3F → Restaurant Menus with PageFlip-R3F → Lookbooks with PageFlip-R3F → Digital Newspapers with PageFlip-R3F → Manuals & Guides with PageFlip-R3F →

pdf-html5-page-flip ★ 0 · MIT · JavaScript

Drop-in PDF.js + page-flip integration with thumbnail strip, deep-link anchors, and print/download buttons.

E-Learning Modules with pdf-html5-page-flip → Product Catalogs with pdf-html5-page-flip → Digital Magazines with pdf-html5-page-flip → Brochures with pdf-html5-page-flip → Annual Reports with pdf-html5-page-flip → Portfolios with pdf-html5-page-flip → Restaurant Menus with pdf-html5-page-flip → Lookbooks with pdf-html5-page-flip → Digital Newspapers with pdf-html5-page-flip → Manuals & Guides with pdf-html5-page-flip →

FlipViewPager.Draco ★ 1,815 · Apache-2.0 · Java

Yalantis Android ViewPager extension with origami-style folding page transitions.

E-Learning Modules with FlipViewPager.Draco → Product Catalogs with FlipViewPager.Draco → Digital Magazines with FlipViewPager.Draco → Brochures with FlipViewPager.Draco → Annual Reports with FlipViewPager.Draco → Portfolios with FlipViewPager.Draco → Restaurant Menus with FlipViewPager.Draco → Lookbooks with FlipViewPager.Draco → Digital Newspapers with FlipViewPager.Draco → Manuals & Guides with FlipViewPager.Draco →

Page-Flip Canvas ★ 0 · MIT · JavaScript

Vanilla canvas implementation of a realistic page-curl with shadow gradients, with no dependencies.

E-Learning Modules with Page-Flip Canvas → Product Catalogs with Page-Flip Canvas → Digital Magazines with Page-Flip Canvas → Brochures with Page-Flip Canvas → Annual Reports with Page-Flip Canvas → Portfolios with Page-Flip Canvas → Restaurant Menus with Page-Flip Canvas → Lookbooks with Page-Flip Canvas → Digital Newspapers with Page-Flip Canvas → Manuals & Guides with Page-Flip Canvas →

flip-book-canvas ★ 0 · MIT · JavaScript

Lightweight HTML5 canvas page turner with no jQuery and pure CSS shadows.

E-Learning Modules with flip-book-canvas → Product Catalogs with flip-book-canvas → Digital Magazines with flip-book-canvas → Brochures with flip-book-canvas → Annual Reports with flip-book-canvas → Portfolios with flip-book-canvas → Restaurant Menus with flip-book-canvas → Lookbooks with flip-book-canvas → Digital Newspapers with flip-book-canvas → Manuals & Guides with flip-book-canvas →

JYPaging ★ 0 · MIT · JavaScript

iOS Swift framework for paged page-flip transitions in UICollectionView and UIPageViewController.

E-Learning Modules with JYPaging → Product Catalogs with JYPaging → Digital Magazines with JYPaging → Brochures with JYPaging → Annual Reports with JYPaging → Portfolios with JYPaging → Restaurant Menus with JYPaging → Lookbooks with JYPaging → Digital Newspapers with JYPaging → Manuals & Guides with JYPaging →

Page-Curl Android ★ 1,667 · Apache-2.0 · Java

OpenGL Android page-curl reference implementation by Harism, the spiritual ancestor of every page-curl on the Play Store.

E-Learning Modules with Page-Curl Android → Product Catalogs with Page-Curl Android → Digital Magazines with Page-Curl Android → Brochures with Page-Curl Android → Annual Reports with Page-Curl Android → Portfolios with Page-Curl Android → Restaurant Menus with Page-Curl Android → Lookbooks with Page-Curl Android → Digital Newspapers with Page-Curl Android → Manuals & Guides with Page-Curl Android →

svelte-pageflip ★ 0 · MIT · JavaScript

Svelte component wrapping StPageFlip with reactive bindings and stores for current-page state.

E-Learning Modules with svelte-pageflip → Product Catalogs with svelte-pageflip → Digital Magazines with svelte-pageflip → Brochures with svelte-pageflip → Annual Reports with svelte-pageflip → Portfolios with svelte-pageflip → Restaurant Menus with svelte-pageflip → Lookbooks with svelte-pageflip → Digital Newspapers with svelte-pageflip → Manuals & Guides with svelte-pageflip →