PDF Flipbook is a production-ready code component that transforms any external PDF into a richly interactive flipbook viewer. Since Framer caps file uploads at 5MB, this component loads PDFs directly from a URL — so large documents, portfolios, and lookbooks work without compromise.
Choose between a classic 2-page spread with an animated page-turn effect or a clean single-page slide mode — ideal for landscape documents or mobile-friendly layouts. The component adapts intelligently: on narrow frames it automatically switches to single-page view so your mobile breakpoint just works.
A scrubber strip at the bottom gives viewers a visual index of all pages with aspect-correct thumbnails, letting them jump to any page instantly. Arrow navigation and drag-to-flip round out the interactions.
All visual properties are exposed in Framer's property panel — accent color, background, flip speed, and view mode — so you can style it to any brand without touching the code.
Key Features
URL-based PDF loading
2-page spread or single-page mode — switchable per breakpoint from the property panel
Animated page-turn — smooth flip animation with adjustable duration
Thumbnail scrubber — aspect-correct page previews for quick navigation
Auto responsive — collapses to single-page on narrow frames automatically
Fully customisable — accent color, background, flip speed via property controls
Framer canvas-ready — default dimensions set so it previews correctly on drop
Where to Use It
Portfolio and case study presentations
Digital lookbooks and product catalogues
Annual reports and research papers
Magazine-style editorial layouts
Document showcase sections on landing pages
Refund Policy PDF Flipbook is a digital product — all sales are final once the component has been added to your project. If the component doesn't work as described in your setup, reach out via Contact Creator with your Framer project details and I'll resolve it as quickly as possible. Genuine defects that can't be fixed within 7 days of purchase are eligible for a refund. Refunds are not offered for change of mind, accidental purchases, or issues caused by modifications to the component's code. Framer Marketplace's own refund terms also apply.
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.