5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T798,

Paper Flipbook turns your images into a book you page through: each page bends as it turns, with shading along the fold, a soft spine shadow and a shadow cast on the page underneath.

Turn pages by dragging a page, clicking or tapping either half, using the arrow buttons, or with the keyboard once the book has focus; add one image per page, cover first, or leave the list empty to show twelve built-in demo pages.

It draws frames only while a page is moving and stops when scrolled off screen; the Framer canvas and browsers without WebGL show the same spread as a static layout, reduced motion changes pages instantly, and a polite live region announces the pages in view.

A dragged page stays under your pointer and, on release, completes the turn or falls back depending on how far and how fast you moved it; with a mouse, hovering near the outer edge lifts the page slightly.
Keyboard: Left/Right arrows and Page Up/Page Down turn pages, Home goes to the cover and End to the last page.
Hard cover keeps the front cover rigid (and the back cover when the page count is even); a closed cover sits centred.
Optional autoplay turns a page every few seconds, reverses at either end, and pauses on hover, on focus and while off screen.

What you control

Pages (one image each, up to 200, cover first), page ratio (3:4, 2:3, 4:5, A4, 1:1, 4:3, 3:2), start page, hard cover
Curl, paper thickness and shadow strength (0–1 each)
Background and accent colours
Autoplay and interval (1–30 s), arrow buttons, page number counter, drag to turn, accessible label

Limits: it always shows a two-page spread (no single-page mode at narrow widths), pages are images only, and image hosts must allow cross-origin loading for the 3D pages (images uploaded to Framer do).

5a:[["$","$L5d",null,{"post":{"id":"01a0e3ed-f32b-76de-8248-77a623024e98","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"P35Da7UzweXpZhKbVZXO","resolved":true,"title":"Paper Flipbook","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paper Flipbook turns your images into a book you page through: each page bends as it turns, with shading along the fold, a soft spine shadow and a shadow cast on the page underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"Turn pages by dragging a page, clicking or tapping either half, using the arrow buttons, or with the keyboard once the book has focus; add one image per page, cover first, or leave the list empty to show twelve built-in demo pages."}]},{"type":"paragraph","content":[{"type":"text","text":"It draws frames only while a page is moving and stops when scrolled off screen; the Framer canvas and browsers without WebGL show the same spread as a static layout, reduced motion changes pages instantly, and a polite live region announces the pages in view."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A dragged page stays under your pointer and, on release, completes the turn or falls back depending on how far and how fast you moved it; with a mouse, hovering near the outer edge lifts the page slightly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard: Left/Right arrows and Page Up/Page Down turn pages, Home goes to the cover and End to the last page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hard cover keeps the front cover rigid (and the back cover when the page count is even); a closed cover sits centred."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional autoplay turns a page every few seconds, reverses at either end, and pauses on hover, on focus and while off screen."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"What you control","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pages (one image each, up to 200, cover first), page ratio (3:4, 2:3, 4:5, A4, 1:1, 4:3, 3:2), start page, hard cover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Curl, paper thickness and shadow strength (0–1 each)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background and accent colours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay and interval (1–30 s), arrow buttons, page number counter, drag to turn, accessible label"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Limits: it always shows a two-page spread (no single-page mode at narrow widths), pages are images only, and image hosts must allow cross-origin loading for the 3D pages (images uploaded to Framer do)."}]}]},"introduction":"Page-turning book with real curl","slug":"paper-flipbook","author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/01a0e4b0-6794-75b9-8311-887e6aaba9c6.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-27T17:33:36.801Z","updatedAt":"2026-10-03T00:39:31.903Z","publishedAt":"2026-09-27T17:33:36.798Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-timing-694660.framer.app/paper-flipbook","price":"14","paymentUrl":"https://payhip.com/b/cQIOq","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"x2e6ggWA2rlfLDmRtrhs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-27T17:33:37.451Z","updatedAt":"2026-09-27T17:33:37.451Z","reported":false}}],"$L5f"]

Suggested for you