---
title: "DitheredImageReveal — Free Framer component · Best of Framer"
description: "Free Framer component · by archiv.studio · Effects. Dithered image reveals original on hover"
canonical: "https://framer.elliotli.dev/component/dither-image-reveal"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/DitheredImageReveal

# DitheredImageReveal

Dithered image reveal on hover

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

![DitheredImageReveal preview image 1](https://framer.elliotli.dev/og/component/dither-image-reveal/7f8a793fd5b4eb77/1600x1200.jpg)

## Summary

Dithered image reveals original on hover

## Description

About this Component The Dithered Image Reveal applies a vintage-style digital dither to your images by default, giving them a textured, nostalgic look. On hover, the original image is revealed, creating a smooth, interactive effect. Inspired by classic print dithering and early computer graphics, it blends retro charm with modern interactivity for a uniquely tactile visual experience. Users can optionally invert the hover effect, starting with the original image and revealing the dither instead. Features Hover Interaction Choose between a static reveal or an interactive 3D tilt animation effect Invert Hover Switch: Reverse the effect to start with the original image or reveal the dither on hover. Color Mode Choose between Monochrome or Full Color dithering styles Preview Mode Instantly preview image changes while adjusting controls ( Don’t forget to switch Preview Mode off when finished to return to normal hover interaction ) Dither Controls Pattern Type: Floyd–Steinberg , Atkinson , Ordered , and Random Pixelation: Control the dither size — from fine halftones to large, retro-style pixels Brightness: Adjust brightness balance to create lighter or darker tonal results Quantization: Control color amount — lower makes the image more stylized, higher keeps it realistic Intensity: Mix between the original and dithered image — from subtle texture to full effect Optional Tilt Motion 3D tilt responds naturally to cursor movement Physics-based easing for smooth, realistic motion GPU-accelerated for fluid, high-performance animation Made For Creative image galleries Portfolio showcases Art and design landing pages Retro-inspired websites Interactive experimental layouts Updated default behavior: image now starts dithered, hover reveals original. Added invert hover switch.

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

-   All · #4852

## Details

- **Author**: archiv.studio
- **Published**: 2025-11-24
- **Updated**: 2026-09-09
- **Added**: 2025-11-20
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows