About Scroll Flow Gallery
A WebGL-powered 3D scrolling image gallery for Framer.
Scroll Flow Gallery turns a collection of images into an immersive 3D space where images continuously move through depth as visitors scroll or drag.
Add your images, adjust the movement and depth settings, and build anything from a calm editorial gallery to a more dynamic 3D experience.
No code required. Everything is controlled directly through Framer's property panel.
Features
WebGL-powered 3D image gallery
Three.js + custom GLSL shaders
Scroll-driven depth movement
Drag interaction with smooth inertia
Optional horizontal auto-drift
Continuous depth-based image flow
Image atlas rendering
Adjustable number of image planes
Cover or Fill image fitting
Depth blur and fade
Adjustable image opacity and radius
Separate desktop and mobile layouts
Responsive image sizing and spacing
Static renderer support
Customize
Images
Number of planes
Image fit mode
Depth range
Scroll speed
Scroll inertia
Drag sensitivity
Drag inertia
Horizontal auto-drift
Image width, height and gap
Border radius
Image opacity
Depth fade
Depth blur
Background color
How It Works
Add your images to the component and adjust the gallery settings from the Framer property panel.
Desktop and mobile layouts have separate controls, allowing you to define the image dimensions and spacing for different screen sizes.
Need help setting it up?
If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com.
Explore More
Russet Supply is a growing collection of ready-to-use framer components and templates trusted by 500+ users.
