---
title: "Paper3D — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Agung M · Navigation. Realistic 3D Flip Book"
canonical: "https://framer.elliotli.dev/component/paper3d"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Paper3D

# Paper3D

Realistic 3D Flip Book

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

![Paper3D preview image 1](https://framer.elliotli.dev/og/component/paper3d/7d6aa4fc4d674304/1600x1600.jpg)

## Summary

Realistic 3D Flip Book

## Description

Transform image arrays, digital menus, portfolios, and catalogs into an interactive 3D reading experience for Framer.

## 3\. Key Features Breakdown

-   📖 **Realistic 3D Page Physics & Layout:**
    
    -   **3D Spread Layout:** Renders image pages in authentic side-by-side pairs (0–1, 2–3, etc.) with real-time `rotateY` perspective and `preserve-3d` context.
        
    -   **Dynamic Book Depth:** Visually stack page edges on both sides to represent remaining page thickness dynamically based on total pages.
        
    -   **Seamless Backface Content:** Ensures realistic page flips with no blank white gaps or flash overlays during high-speed flips.
        
    -   **Authentic Spine & Lighting Effects:** Features inset page shadows, book drop-shadows, dynamic spine gradients, and hover edge highlights.
        
-   🎮 **Interactive Controls & Accessibility:**
    
    -   **Multiple Navigation Modes:** Smooth forward/backward page flipping using click zones, directional arrow buttons, or native keyboard shortcuts (`←` / `→`).
        
    -   **Hover Control Zones:** Intuitive side-trigger zones (outer 30%) that reveal navigation arrows gracefully on mouse entry.
        
    -   **Accessible Image Engine:** Supports custom `alt` text metadata across all uploaded page arrays for screen readers and SEO.
        
-   ⚙ **Complete Framer Property Controls:**
    
    -   **Custom Image Array:** Upload multi-page image assets directly within the Framer Canvas inspector with custom ordering and alt text.
        
    -   **Autoplay & Timing Control:** Enable hands-free presentation modes with customizable delay timers (1–10s) and adjustable flip durations (300–1000ms).
        
    -   **UI Customization:** Toggle page counters ("Pages X-Y of Total"), navigation controls, background colors, and shadow effects with a single click.
        
-   ⚡ **Performance & Canvas Optimization:**
    
    -   **Static Preview Mode:** Optimized rendering safeguards for Framer Canvas context to prevent lag while editing.
        
    -   **Zero External Dependencies:** Native lightweight React state & CSS architecture for maximum loading speeds and SSR compatibility.
        

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

-   All · #8460

## Details

- **Author**: Agung M
- **Price**: $6.00
- **Published**: 2026-07-23
- **Updated**: 2026-08-11
- **Added**: 2026-07-23
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation