Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a fully customizable component recreated in Framer from David’s original work—scroll through a stack of images as floating 3D panels. You can control size, spacing, twist, scroll feel, and add smooth fade effects to match your style.
To use the 3D Scrolling Paper Images component in Framer, add your images to display them as floating panels in a scroll effect. You can adjust the size of each image with the width and height settings. The gap setting controls how much space appears between the panels. Distortion adds rotation and twist to the images as you scroll. Scroll smoothing controls how fluid the movement feels, and scroll speed adjusts how fast the images move. You can also add a fade effect at the top and bottom, with controls for height and color to match your background.
To use the 3D Scrolling Paper Images component in Framer, add your images to display them as floating panels in a scroll effect. You can adjust the size of each image with the width and height settings. The gap setting controls how much space appears between the panels. Distortion adds rotation and twist to the images as you scroll. Scroll smoothing controls how fluid the movement feels, and scroll speed adjusts how fast the images move. You can also add a fade effect at the top and bottom, with controls for height and color to match your background.
To use the 3D Scrolling Paper Images component in Framer, add your images to display them as floating panels in a scroll effect. You can adjust the size of each image with the width and height settings. The gap setting controls how much space appears between the panels. Distortion adds rotation and twist to the images as you scroll. Scroll smoothing controls how fluid the movement feels, and scroll speed adjusts how fast the images move. You can also add a fade effect at the top and bottom, with controls for height and color to match your background.
The 3D scroll images component properties in Framer.
The 3D scroll images component properties in Framer.
The 3D scroll images component properties in Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
