Independence Day Sale

Launch pricing on every bundle

All components

Media Filters

Dither Engine

Newspaper halftone, retro LED walls, CRT scanlines and monochrome print, with video dithered frame by frame in real time.

Live

Preview
Preview
Preview

Most dither components fail on low-contrast photography. Dither Engine runs an auto-levels pass first, stretching the histogram before quantising, so mid-grey source material still reads.

Both ordered Bayer matrices and Floyd-Steinberg error diffusion are available, with ink and paper colours exposed as tokens so the output matches your palette rather than defaulting to black on white.

What is included

  • Twelve presets across ordered and diffusion modes

  • Ink and paper bind to your colour styles

  • Threshold, matrix size and serpentine scan controls

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

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.

Buy this component

$12

$15

20% off

License

Single user

$12

Multi user

$18

Released

Presets

6

Category

Media Filters

PRESETS

Presets included

6 INCLUDED

Newsprint · Risograph · Thermal · Litho · Duotone · Soft Screen · High Contrast · Fine Grain

Every preset is a complete look you can ship as it comes. The raw controls sit underneath if you want to go further.

USE CASE 01

Hero backgrounds

Dither Engine dropped straight onto the canvas, running a preset you can ship as it comes.

Use case
Use case

USE CASE 02

Case study covers

Dither Engine dropped straight onto the canvas, running a preset you can ship as it comes.

USE CASE 03

Product shots

Dither Engine dropped straight onto the canvas, running a preset you can ship as it comes.

Use case

SETUP

From download to shipped

01

Download

Copy the component into your Framer project. One file, no dependencies, no setup script.

02

Pick a preset

Every component opens on a named look you can actually ship. Adjust from there if you want to.

03

Ship it

Off-screen pausing and reduced-motion support are already wired. Nothing to remember, nothing to audit.