---
title: "Flipbook PDF Viewer  — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Sourav D · Interactive. Interactive PDF flipbook viewer"
canonical: "https://framer.elliotli.dev/component/flipbook-pdf-viewer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Flipbook PDF Viewer

# Flipbook PDF Viewer

Interactive PDF flipbook viewer

[View on Framer](https://framer.com/marketplace/components/flipbook-pdf-viewer/?via=elliot-li)

![Flipbook PDF Viewer  preview image 1](https://framer.elliotli.dev/og/component/flipbook-pdf-viewer/9052aef2e171db20/1600x1200.jpg)

## Summary

Interactive PDF flipbook viewer

## Description

**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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #2865

## Details

- **Author**: Sourav D
- **Price**: $12.00
- **Published**: 2026-06-06
- **Updated**: 2026-11-01
- **Added**: 2026-06-03
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step