---
title: "Image row reveal — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Hasan Wali · Sections. Scroll-linked image reveals"
canonical: "https://framer.elliotli.dev/component/image-row-reveal"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Image row reveal

# Image row reveal

Scroll-linked image reveals

[View on Framer](https://framer.com/marketplace/components/image-row-reveal/?via=elliot-li)

![Image row reveal preview image 1](https://framer.elliotli.dev/og/component/image-row-reveal/642432b563503f4d/1600x1200.jpg)

## Summary

Scroll-linked image reveals

## Description

**About this Component**

Create premium scroll-driven image experiences with section-linked reveals.

Haytham Row Reveal unmasks each image as the top edge of its matching Framer Scroll Section moves across the image area. The reveal is tied directly to scroll with no timed animation.

Images, section names, image fit, position, corner radius, and fallback color can all be customized in Framer.

Perfect for portfolios, agencies, photographers, architects, fashion websites, service pages, and case studies.

**Perfect For**

Creative portfolios Agency websites Photography websites Fashion brands Service pages

**Key Features**

Scroll-linked image reveals Native Framer Scroll Section support Bottom-to-top masking 1:1 scroll-driven progress Reversible on scroll Multiple image support Custom image fit and position Adjustable corner radius Works with your own sticky layout No code override required Responsive across desktop, tablet, and mobile No code required

**How It Works**

Add images in the same order as your page sections.

Assign a Framer Scroll Section to each matching row, then enter the same section name for its image.

When the next row reaches the bottom of the image, the reveal begins. As the row travels upward, the image progressively unmasks until fully visible.

**Important Notes**

The first image acts as the base and does not require a section name.

Section names must match your Framer Scroll Sections.

The component handles the reveal only. Sticky positioning remains under your control.

**Questions?**

Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

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

-   All · #5134

## Details

- **Author**: Hasan Wali
- **Price**: $9.00
- **Published**: 2026-08-14
- **Updated**: 2026-08-14
- **Added**: 2026-08-14
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes