---
title: "WebGL Paper Roll — Framer component · Best of Framer"
description: "$8.00 · Framer component · by THE DESIGN FUTURIST · Interactive. WebGL-Powered Paper Roll Effect"
canonical: "https://framer.elliotli.dev/component/webgl-paper-roll"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/WebGL Paper Roll

# WebGL Paper Roll

WebGL-Powered Paper Roll Effect

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

![WebGL Paper Roll preview image 1](https://framer.elliotli.dev/og/component/webgl-paper-roll/23a246d38db0a06b/1600x1200.jpg)

## Summary

WebGL-Powered Paper Roll Effect

## Description

A WebGL-based paper roll effect for Framer that creates a realistic curling animation on Scroll(Layer in View) or hover.

### Customizable Properties

1.  Image
    
2.  Trigger
    
    -   Hover
        
    -   Scroll (Layer in View)
        
3.  Fade in
    
4.  Initial State
    
    -   Rolled
        
    -   Unrolled
        
5.  Roll Tightness
    
    How tightly the paper curls
    
6.  Roll Height
    
    Final height of the rolled paper as a percentage of the paper’s full height
    
7.  Duration
    
    Animation Duration
    

### Have Questions?

[hello@thedesignfuturist.zip](mailto:hello@thedesignfuturist.zip)

[![THE DESIGN FUTURIST : Framer Component Library](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-i6m1jw52-ffPQ2VbHR0HuFaW3Vtj7GkQLw949AD)](https://thedesignfuturist.zip)THE DESIGN FUTURIST : Framer Component Library

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

-   All · #4815

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $8.00
- **Published**: 2025-12-22
- **Updated**: 2026-06-04
- **Added**: 2025-11-28
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase