---
title: "Image Reveal Grid — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Noman · Effects. Description Image Reveal Grid creates a dramatic image reveal effect by dividing the image into a grid and animating each cell's disappearance."
canonical: "https://framer.elliotli.dev/component/image-reveal-grid"
---

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

# Image Reveal Grid

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

![Image Reveal Grid preview image 1](https://framer.elliotli.dev/og/component/image-reveal-grid/e647922a9a1e3683/1600x1200.jpg)

## Summary

Description Image Reveal Grid creates a dramatic image reveal effect by dividing the image into a grid and animating each cell's disappearance.

## Description

This component is part of [Framercrafts](https://framercrafts.com/), a library of supercharged Framer components and overrides.

## Description

Image Reveal Grid creates a dramatic image reveal effect by dividing the image into a grid and animating each cell's disappearance. The component includes an initial blur effect on the image that clears as the grid cells fade away, creating a smooth transition from hidden to visible.

## Use Cases

1\. **Image Galleries** - Engaging transitions between photos

2\. **Portfolio Displays** - Creative way to showcase work

3\. **Product Reveals** - Dramatic introduction of new products

4\. **Hero Sections** - Attention-grabbing website headers

5\. **Loading Transitions** - Stylish content loading indicators

## Customizations

• **Image** - Any image to be revealed with optional alt text

• **Grid Size** - Number of cells in the grid (from fine to coarse)

• **Animation** - Duration of the reveal effect

• **Color** - Background/overlay color for the grid cells

• **Direction** - Starting point for the reveal animation

• **Responsiveness** - Adapts to any container dimensions

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

-   All · #10183

## Details

- **Author**: Noman
- **Price**: $6.00
- **Published**: 2025-07-29
- **Updated**: 2025-08-24
- **Added**: 2025-07-29
- **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