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
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.
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
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.
