---
title: "Ripple Reveal — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Syed Saboor · Effects. Ripple Reveal turns a single image into a cinematic scroll experience."
canonical: "https://framer.elliotli.dev/component/ripple-reveal"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Ripple Reveal

# Ripple Reveal

Scroll to reveal images in ripples

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

![Ripple Reveal preview image 1](https://framer.elliotli.dev/og/component/ripple-reveal/d1fb95a856904e4f/1600x1200.jpg)

## Summary

Ripple Reveal turns a single image into a cinematic scroll experience.

## Description

Ripple Reveal turns a single image into a cinematic scroll experience. As users scroll, the image rebuilds itself tile by tile from the center outward — pauses in full view — then dissolves back away in reverse. The result feels smooth, immersive, and far more dynamic than a typical image reveal. 

### What’s inside:

-   Center-out ripple reveal animation using a dynamic grid system
    
-   Smooth scroll-driven transitions powered by Framer Motion springs
    
-   Sequential tile appearance and disappearance effects
    
-   Adjustable hold delay before the image dissolves
    
-   Customizable grid density with rows and columns control
    
-   Spring physics tuning with stiffness and damping controls
    
-   Optional scroll hijack mode for immersive full-screen storytelling
    
-   Sticky viewport behavior for cinematic reveal sections
    
-   Fully responsive scaling across screen sizes
    
-   Lightweight single-image setup with no external dependencies
    

### Works great for:

Hero sections, portfolio intros, landing pages, photography showcases, product reveals, and immersive storytelling layouts.

### Setup:

Drop in your image. Adjust the grid density and scroll feel. Publish in minutes.

## Refund Policy

Due to the digital nature of this product, all sales are final and refunds are not available. Please review the product details carefully before purchasing. If you have any questions, feel free to reach out before placing your order.

## Support

If you experience any issues or need help customizing the component, feel free to contact me. Email: [syedsaboor005@gmail.com](mailto:mehrajdesign@gmail.com)

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

-   All · #2572

## Details

- **Author**: Syed Saboor
- **Price**: $7.00
- **Published**: 2026-06-13
- **Updated**: 2026-06-16
- **Added**: 2026-05-27
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo