---
title: "Image Mesh Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Framerspark · Effects. A visually striking image reveal that transforms scattered, blurred fragments into a crisp full image."
canonical: "https://framer.elliotli.dev/component/image-mesh-reveal"
---

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

# Image Mesh Reveal

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

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

## Summary

A visually striking image reveal that transforms scattered, blurred fragments into a crisp full image.

## Description

A visually striking image reveal that transforms scattered, blurred fragments into a crisp full image.

### Key Features:

-   Smooth 3D tile-based reveal animation
    
-   Trigger options: on load, on hover, or when in view
    
-   Adjustable grid density, depth, and animation timing
    
-   Optional background color and rounded corners
    
-   Fully responsive with seamless final image assembly
    

### How to Use:

-   Copy this component onto your canvas.
    
-   Upload your desired **image** in the component properties panel.
    
-   Choose when the animation triggers: **On Load**, **On Hover**, or **In View**.
    
-   Adjust **Grid Size** to control the number of tiles (higher = finer detail).
    
-   Modify **Depth** for more or less 3D motion.
    
-   Tweak **Duration** and **Delay Randomness** for custom animation timing.
    
-   Set a **Background Color** and **Border Radius** to match your layout style.
    
-   Preview or publish to see the dynamic reveal in action.
    

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

-   All · #6271

## Details

- **Author**: Framerspark
- **Published**: 2025-11-17
- **Updated**: 2025-11-17
- **Added**: 2025-10-23
- **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