---
title: "Pixel Image Reveals — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ali Çorak · Effects. Eye-catching reveal animation."
canonical: "https://framer.elliotli.dev/component/pixel-image-reveals"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Pixel Image Reveals

# Pixel Image Reveals

Eye-catching reveal animation.

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

![Pixel Image Reveals preview image 1](https://framer.elliotli.dev/og/component/pixel-image-reveals/21bb4ace8a3a19ae/1600x1200.jpg)

## Summary

Eye-catching reveal animation.

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

Pixel Image Reveal turns any image into an eye-catching reveal animation. As the effect runs, your image assembles itself out of a wave of randomized pixel blocks

Built entirely in raw WebGL with a custom GLSL shader, it runs buttery-smooth and adds **no external libraries** to your site. The render loop automatically pauses when the component scrolls out of view, so you can place dozens of them on a page without hurting performance.

**Controls**

-   Image
    
-   Trigger — Scroll / On Enter / Hover
    
-   Direction — Top / Bottom / Left / Right
    
-   Scroll Start — where the reveal begins (% down the viewport) _(Scroll only)_
    
-   Scroll End — where the reveal completes (% down the viewport) _(Scroll only)_
    
-   Fit — Cover / Contain
    
-   Pixel Size
    
-   Pixel Color
    
-   Wave Spread
    
-   Duration
    

**How to use**

1.  Drag the component onto your canvas.
    
2.  Drop in your image.
    
3.  Pick a trigger and direction.
    
4.  For Scroll, set Scroll Start / Scroll End to time the reveal; for On Enter / Hover, set the Duration.
    
5.  Tweak pixel size, color, and wave spread to taste, then hit Preview to see it live
    
    [Watch here](https://youtu.be/76PsFQhcwIQ)
    

**Features**

-   3 triggers — _Scroll_ (reveals as it moves through the viewport), _On Enter_ (plays once when it enters the screen), and _Hover_ (image stays visible while the pixel wave sweeps across).
    
-   4 directions — Sweep the wave from the Top, Bottom, Left, or Right.
    
-   Precise scroll timing — Dial in exactly where the reveal starts and finishes within the viewport with Scroll Start / Scroll End, so it completes while the image is comfortably in view.
    
-   Fully customizable — Pixel size, pixel color, wave spread, and animation duration.
    
-   Cover or Contain fit, just like a normal image.
    
-   Performance-first
    
-   Zero dependencies
    

**Refund Policy**

Due to the nature of digital products, all sales are final. Once purchased, this template is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

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

-   All · #9491

## Details

- **Author**: Ali Çorak
- **Price**: $3.00
- **Published**: 2026-06-18
- **Updated**: 2026-08-16
- **Added**: 2026-06-18
- **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