---
title: "Dither Reveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. How to use Drag Dither Reveal onto the canvas (set it to fill its frame, or stretch it fullscreen)."
canonical: "https://framer.elliotli.dev/component/dither-reveal"
---

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

# Dither Reveal

Living, retro-print artwork

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

![Dither Reveal preview image 1](https://framer.elliotli.dev/og/component/dither-reveal/f54f78cc52178ed7/1600x1200.jpg)

## Summary

How to use Drag Dither Reveal onto the canvas (set it to fill its frame, or stretch it fullscreen).

## Description

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

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

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

Turn any image into a living, retro-print artwork. The photo renders as an animated dither that gently waves and ripples, while a soft flashlight follows the cursor, revealing the original colors underneath. Click anywhere to send out an expanding water ripple.

Ships with 9 dither styles (Bayer 2×2 / 4×4 / 8×8, Halftone Dots, Lines, Crosshatch, Blue Noise, Threshold, Posterize) and an optional Duotone mode with 6 curated palettes (Midnight, Noir, Blueprint, Ember, Acid, Orchid) plus fully custom colors and adjustable intensity.

It's built to be lightweight: rendered in raw WebGL (no Three.js), the animation pauses automatically when scrolled out of view to save GPU and battery, and renders a clean static frame for thumbnails and exports.

**How to use**

1.  Drag Dither Reveal onto the canvas (set it to fill its frame, or stretch it fullscreen).
    
2.  Pick your image.
    
3.  Choose a Dither Style and tune the Dot Size.
    
4.  (Optional) Turn on Duotone and pick a palette — or set your own colors.
    
5.  Adjust Reveal Size, Softness, and the Wave controls to taste.
    

[Watch here](https://youtu.be/qFY0zCFcUVc)

**Features** Real-time WebGL dither — smooth on any modern device

-   9 dither styles: ordered Bayer, halftone, lines, crosshatch, blue-noise grain, threshold, posterize
    
-   Cursor reveal of the original colors (adjustable size & softness)
    
-   Living waves + cursor-following ripple, plus a click ripple burst
    
-   Duotone mode: 6 palettes + custom colors with intensity control
    
-   Auto-pauses off-screen; static preview for thumbnails & export
    
-   Responsive, retina-aware, works at any size or aspect ratio
    

**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 · #8489

## Details

- **Author**: Ali Çorak
- **Price**: $5.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