5e:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3fk0f7q4960ol.js","/creators-assets/_next/static/immutable/chunks/00fdmr6kfsdrw.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/1zwfgkv6hl7ih.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1xwqa9rrktdcw.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/11rwwufuwaox5.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/3_2gh-txmrtwa.js","/creators-assets/_next/static/immutable/chunks/3xhwx36tyhh8-.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5f:Ta7a,

PageFlip. Turn Your PDF Into an Interactive Book

PageFlip converts any PDF into a beautiful, interactive book with a realistic page-flip animation. Add it to your Framer website, paste your PDF link into the Framer properties panel, and you're ready to go.

It is fully responsive. On desktop and tablet, the book displays two pages side by side. On mobile, it automatically switches to a single-page layout for a better reading experience.

Features

Interactive 3D page-flip animation
Fully responsive
Two page spread on desktop and tablet
Single page layout on mobile
Mouse drag to flip pages
Touch friendly mobile navigation
Previous / next controls
Page counter
Zoom controls
Fullscreen mode
Autoplay
Keyboard navigation
Choose starting page
Custom button size
Custom button radius
Custom button background
Custom icon color
Adjustable book height
Custom page aspect ratio
Custom background
Page corner radius
Box shadow
Spine shadow
Perspective control
Adjustable flip speed
Enable / disable drag interaction

How to Use

Add PageFlip to your Framer project.
Upload your PDF to a publicly accessible location.
Copy the direct PDF URL.
Paste the URL into the PDF URL field in the Framer properties panel.
Customize the book using the available properties.
Publish your website. That's it.

Need help creating a PDF URL? See the “Buy” section above for instructions.

Perfect For

PageFlip is perfect for websites that need to display:

Digital magazines
Lookbooks
Product catalogs
Company brochures
Portfolios
Wedding magazines
Event programs
Menus
Reports
E-books
Presentations
Guides
Downloadable brochures

Need Help?

If you have any questions, encounter an issue, or need help setting up PageFlip, feel free to contact me.

Email: rubabmubashar174@gmail.com

I'd be happy to help!

5b:[["$","$L5e",null,{"post":{"id":"01a02f24-7221-7417-9b14-1a35ce87ace1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"bBVL3iF68Fsf0mABORlz","resolved":true,"title":"PageFlip","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"PageFlip. Turn Your PDF Into an Interactive Book"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"PageFlip","marks":[{"type":"bold"}]},{"type":"text","text":" converts any PDF into a beautiful, interactive book with a realistic page-flip animation. Add it to your Framer website, paste your PDF link into the Framer properties panel, and you're ready to go."}]},{"type":"paragraph","content":[{"type":"text","text":"It is fully responsive. On "},{"type":"text","text":"desktop and tablet","marks":[{"type":"bold"}]},{"type":"text","text":", the book displays two pages side by side. On "},{"type":"text","text":"mobile","marks":[{"type":"bold"}]},{"type":"text","text":", it automatically switches to a single-page layout for a better reading experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D page-flip animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two page spread on desktop and tablet"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Single page layout on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse drag to flip pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch friendly mobile navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Previous / next controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zoom controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose starting page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom button size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom button radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom button background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom icon color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable book height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom page aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Box shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spine shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perspective control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable flip speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable / disable drag interaction"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"PageFlip","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your PDF to a publicly accessible location."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the direct PDF URL."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the URL into the "},{"type":"text","text":"PDF URL","marks":[{"type":"bold"}]},{"type":"text","text":" field in the Framer properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the book using the available properties."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your website. That's it."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Need help creating a PDF URL? See the “Buy” section above for instructions."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"PageFlip is perfect for websites that need to display:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital magazines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lookbooks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product catalogs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company brochures"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wedding magazines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event programs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Menus"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reports"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-books"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Guides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Downloadable brochures"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you have any questions, encounter an issue, or need help setting up PageFlip, feel free to contact me."}]},{"type":"paragraph","content":[{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" rubabmubashar174@gmail.com"}]},{"type":"paragraph","content":[{"type":"text","text":"I'd be happy to help!"}]}]},"introduction":"Turn any PDF into a beautiful inte","slug":"pageflip","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a02f24-5072-71bb-abc0-843fc749056d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-23T15:01:52.245Z","updatedAt":"2026-09-02T16:16:35.794Z","publishedAt":"2026-08-23T15:01:52.241Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://happy-product-826433.framer.app/","price":"10","paymentUrl":"https://rubabmubashar.gumroad.com/l/pageflip","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"as6nfTVcXA1hW7a1IgsU"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-23T15:01:52.802Z","updatedAt":"2026-08-23T15:01:52.802Z","reported":false}}],"$L60"]

Suggested for you