Description:
Image Scroll Effect is a scroll-driven image grid component for Framer. Nine images are arranged in a 45° tilted layout, with each column moving at a different speed and direction as the user scrolls — creating a cinematic, depth-driven visual effect.
Drop it into any section, add your images from the property panel, and it works instantly. No code required.
Features: 9 customizable image slots, 3-column scroll effect with independent speeds, adjustable image size, gap, corner radius, and background color.
Best used for: Hero sections and landing pages that need motion and visual depth. Portfolio and agency websites looking for a signature scroll effect. Editorial layouts, creative showcases, and cinematic backgrounds. Any section where a standard image grid feels too static.
Description:
Image Scroll Effect is a scroll-driven image grid component for Framer. Nine images are arranged in a 45° tilted layout, with each column moving at a different speed and direction as the user scrolls — creating a cinematic, depth-driven visual effect.
Drop it into any section, add your images from the property panel, and it works instantly. No code required.
Features: 9 customizable image slots, 3-column scroll effect with independent speeds, adjustable image size, gap, corner radius, and background color.
Best used for: Hero sections and landing pages that need motion and visual depth. Portfolio and agency websites looking for a signature scroll effect. Editorial layouts, creative showcases, and cinematic backgrounds. Any section where a standard image grid feels too static.
