Flipbook PDF Viewer

Flipbook PDF Viewer

About Flipbook PDF Viewer

LIMITED TIME OFFER : Use coupon code "SOULEMADE50" and get flat 50% off.

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