---
title: "Paper Fold Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Velnium HQ · Galleries. Elevate your site with 3D fold effects."
canonical: "https://framer.elliotli.dev/component/paper-fold-pro"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Paper Fold Pro

# Paper Fold Pro

Elevate your site with 3D fold effects.

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

![Paper Fold Pro preview image 1](https://framer.elliotli.dev/og/component/paper-fold-pro/a4aaa18f154ce56a/1600x1200.jpg)

## Summary

Elevate your site with 3D fold effects.

## Description

**PaperFold Pro** is a high-performance, full-screen slideshow component for Framer designed to replicate the sophisticated, tactile image transitions found on elite creative studio websites. Unlike standard fades or slides, PaperFold Pro uses a mathematical **perspective fold**—animating complex clip-path polygons to create the illusion of a physical page being turned or a "book" being folded.

The transition features a vertical seam that sweeps from bottom to top, accompanied by a dynamic **glint line** that mimics how light catches the edge of a physical fold. It’s the perfect centerpiece for luxury portfolios, architectural showcases, or cinematic landing pages.

## Key Features:

-   **Cinematic "Book-Fold" Transition:** Images collapse and unfold using custom trapezoidal geometry for a unique 3D perspective.
    
-   **Dynamic Glint & Shadow:** A realistic light-streak and soft shadow ride the transition seam to add depth and polish.
    
-   **Fully Customizable Typography:** Control font family, size, and color for both labels and sub-labels, including responsive clamp() scaling.
    
-   **Smart Navigation:** Includes interactive vertical progress dots, blur-backed navigation arrows, and keyboard support (Left/Right arrows).
    
-   **Performance Optimized:** Built with framer-motion for buttery-smooth 60fps animations without heavy assets.
    
-   **Auto-Play with Progress Bar:** Keep users engaged with an integrated, color-synced progress timer at the bottom of the viewport.
    

## How to Use:

1.  **Add Slides:** Open the **Slides** array in the property panel. Upload your high-resolution images and set your labels and sub-labels.
    
2.  **Adjust Timing:** Set your preferred **Auto Play** interval and use the **Fold Speed** control to fine-tune the snappiness of the transition.
    
3.  **Style the Typography:** Use the **Label Font** and **Label Size** controls to match your brand's aesthetic. The text will automatically scale beautifully across desktop and mobile.
    
4.  **Configure Visuals:** Adjust the **Overlay Opacity** to ensure your text remains legible against bright images, and toggle **Dots** or **Arrows** on/off to suit your design.
    
5.  **Layout:** Set the component to **Fill** or a **Fixed** aspect ratio within your Framer project. It is designed to look best when taking up the full viewport.
    

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

-   All · #9864

## Details

- **Author**: Velnium HQ
- **Price**: $5.00
- **Published**: 2026-04-15
- **Updated**: 2026-04-15
- **Added**: 2026-04-05
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery