Skip to content

Dither Engine

Dither any media

Dither Engine preview image 1

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 - [email protected]

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 →

1501100110298/149/49/2610/1811/9
  • All · #963

Details

More like this