---
title: "3D Bend Effect — Free Framer component · Best of Framer"
description: "Free Framer component · by Rishad · Effects. Scroll Bend Effect for Pages"
canonical: "https://framer.elliotli.dev/component/3d-bend-effect"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/3D Bend Effect

# 3D Bend Effect

Scroll Bend Effect for Pages

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

![3D Bend Effect preview image 1](https://framer.elliotli.dev/og/component/3d-bend-effect/d00d779e2d5351db/1600x1084.jpg)

## Summary

Scroll Bend Effect for Pages

## Description

### About the Component

This component turns your entire page into the face of a cube. As visitors scroll, the top and bottom edges fold away in real 3D and flatten back out at the ends of the page, a signature scroll effect that takes one layer and no setup.

### The setup

Follow the setup guide below.

-   Copy the component and drop it on your primary breakpoint.
    
-   Wrap all the page sections inside a stack, and name it "Main"
    
-   Set the accessibility tag to main.
    
-   Drag this Main stack outside the primary breakpoint.
    
-   Click on the CubeBend (Component), and set the content filed to Main on the property control panel.
    
-   Set the Width of the component Fill
    
-   Set the Height to 100vh (Viewport)
    
-   Add a Max Width property and set a value (1200px is recommended)
    
-   Adjust the property controls as you wish.
    
-   Publish and preview it.
    

### Support

If you need any support, please reach out at [hello@framerstacks.com](mailto:hello@framerstacks.com)

Check out more component in our main [library collection](https://www.framerstacks.com/library/components).

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

-   All · #2064

## Details

- **Author**: Rishad
- **Published**: 2026-08-04
- **Updated**: 2026-08-04
- **Added**: 2026-08-04
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows