---
title: "ScrollRevealImage — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Sections. Sleek scroll animations for images"
canonical: "https://framer.elliotli.dev/component/scrollrevealimage"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/ScrollRevealImage

# ScrollRevealImage

Sleek scroll animations for images

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

![ScrollRevealImage preview image 1](https://framer.elliotli.dev/og/component/scrollrevealimage/90ba9913805cec41/1600x1200.jpg)

## Summary

Sleek scroll animations for images

## Description

### About

Scroll Reveal Image brings your visuals to life with smooth scroll triggered reveal effects. Instead of static photos, this component lets you add a layer of motion that grabs attention the moment an element enters the viewport. It is perfect for portfolios, landing pages, or any design where you want a premium, high end feel without touching a line of code.

### What it does

It detects exactly when an image becomes visible as a user scrolls and triggers a polished reveal animation. You can set directions like top down or side to side, adjust the speed and delay, and even add a stagger effect if you are displaying a series of images. It also supports hover scaling and custom background overlays to ensure your media fits perfectly with your site’s aesthetic.

### What you can customize

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-zhctrtrv-vikUu5Hh3T1NxaGRyoMW9ddq6fnDtO)

-   **Animation settings:** Choose your reveal direction, set the exact duration and delay, and adjust the scroll threshold to control exactly when the movement starts.
    
-   **Visuals & Content:** Toggle captions on or off, add direct links to your images, and enable background masks with custom hex colors.
    
-   **Interactions:** Turn on hover scaling for extra depth and use the stagger feature to create a beautiful sequence when multiple images appear at once.
    

### Great for

-   Portfolio galleries and case studies
    
-   Product feature sections
    
-   Hero headers and landing pages
    
-   Blog post covers
    
-   Interactive "About Me" sections
    

### Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.

### Need help?

Questions or feedback? Reach me anytime: [**dulajdilshan766@gmail.com**](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

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

-   All · #10345

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-04-07
- **Updated**: 2026-08-28
- **Added**: 2026-03-27
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove