---
title: "PageFlip — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rubab Mubashar · Interactive. PageFlip."
canonical: "https://framer.elliotli.dev/component/pageflip"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/PageFlip

# PageFlip

Turn any PDF into a beautiful inte

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

![PageFlip preview image 1](https://framer.elliotli.dev/og/component/pageflip/6b5f8cbba87df6d7/1600x1200.jpg)

## Summary

PageFlip.

## Description

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

1.  Add **PageFlip** to your Framer project.
    
2.  Upload your PDF to a publicly accessible location.
    
3.  Copy the direct PDF URL.
    
4.  Paste the URL into the **PDF URL** field in the Framer properties panel.
    
5.  Customize the book using the available properties.
    
6.  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!

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

-   All · #9489

## Details

- **Author**: Rubab Mubashar
- **Price**: $10.00
- **Published**: 2026-08-23
- **Updated**: 2026-10-12
- **Added**: 2026-08-23
- **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