---
title: "Dither Engine — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Prem Shandilya · Effects. Dither Engine real-time dithering for any image or video Turn any image or video into striking dithered artwork, rendered live in the browser."
canonical: "https://framer.elliotli.dev/component/dither-engine"
---

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

# Dither Engine

Dither any media

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

![Dither Engine preview image 1](https://framer.elliotli.dev/og/component/dither-engine/425f28a30181b9d6/1600x1200.jpg)

## Summary

Dither Engine real-time dithering for any image or video Turn any image or video into striking dithered artwork, rendered live in the browser.

## Description

**Dither Engine real-time dithering for any image or video**

Turn any image or video into striking dithered artwork, rendered live in the browser. Newspaper halftone, retro LED walls, CRT scanlines, monochrome print all from one drag-and-drop component. No code, no image prep.

**What you get**

Works on **images and video**  video is dithered frame-by-frame in real time

-   **Visitor upload** let users drop in their own image or video and watch it dither live
    
-   **6 Presets:** Statue · Mono Print · Amber LED · CRT · Newsprint · Blueprint
    
-   **6 algorithms:** Bayer 2×2 / 4×4 / 8×8, Floyd–Steinberg, Atkinson, Noise
    
-   **3 pixel shapes:** Square · Dot · Glow (LED)
    
-   **Any colors:** type a hex for foreground/background, or use the built-in palettes
    
-   **8 animation modes:** Dissolve · Scan · Jitter · Flow · Wave · Glitch · Melt · Rain
    
-   **7 cursor effects:** Reveal · Trail · Ripple · Warp · Pinch · Twist · Scatter
    

Full control over pixel size, tone levels, contrast, spacing, invert, fit & crop position

Optional **on-canvas control panel** so visitors can play with it live

Performance-tuned, reduced-motion friendly, and renders a crisp static frame in the editor

Drop it behind a hero, a portrait, a product shot, or a full-bleed section for that instantly recognizable dithered look.

**What's included:**

Remix link to the Component.

Free updates - the remix link always carries the latest version

Email support - [support@premshandilya.com](mailto:support@premshandilya.com)

**License:** Single-user license. Use Dither Engine in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.

**Refunds:** This is a non-refundable digital product - try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast.

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

-   All · #963

## Details

- **Author**: Prem Shandilya
- **Price**: $15.00
- **Published**: 2026-07-24
- **Updated**: 2026-08-22
- **Added**: 2026-07-24
- **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