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.
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
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
Sourav D
