PixelDither turns any image, SVG, or live webcam feed into a fully customizable ASCII and pixel-art mosaic, right inside the browser. Instead of flattening an image into plain grayscale dots, it maps shadows, midtones, and highlights onto your own custom shapes or character sets and colors, so the output looks like a piece of intentional typographic design rather than a generic filter. Everything is adjustable live, on the canvas, by anyone viewing the page, with no editor access required, and the final result can be exported as a PNG in one click.
Dual input modes — works with uploaded images/SVGs or a live webcam feed, switchable on the fly.
Tonal-band mapping — independently adjustable shadows, midtones, and highlights thresholds for precise control over the output.
Two pixel styles — render each cell as a custom SVG shape or as ASCII characters, switchable per project.
Per-band color control — assign unique colors to shadows, midtones, and highlights instead of defaulting to grayscale.
Live on-canvas controls — every control (upload, webcam, sliders, mode switch, colors, download) is usable directly on the published page, not just in the Framer editor.
One-click PNG export — download the current result, including webcam snapshots, with optional higher-resolution export scaling.
Smart defaults — looks polished immediately on drop-in, before any manual tweaking.
PixelDither turns any image, SVG, or live webcam feed into a fully customizable ASCII and pixel-art mosaic, right inside the browser. Instead of flattening an image into plain grayscale dots, it maps shadows, midtones, and highlights onto your own custom shapes or character sets and colors, so the output looks like a piece of intentional typographic design rather than a generic filter. Everything is adjustable live, on the canvas, by anyone viewing the page, with no editor access required, and the final result can be exported as a PNG in one click.
Dual input modes — works with uploaded images/SVGs or a live webcam feed, switchable on the fly.
Tonal-band mapping — independently adjustable shadows, midtones, and highlights thresholds for precise control over the output.
Two pixel styles — render each cell as a custom SVG shape or as ASCII characters, switchable per project.
Per-band color control — assign unique colors to shadows, midtones, and highlights instead of defaulting to grayscale.
Live on-canvas controls — every control (upload, webcam, sliders, mode switch, colors, download) is usable directly on the published page, not just in the Framer editor.
One-click PNG export — download the current result, including webcam snapshots, with optional higher-resolution export scaling.
Smart defaults — looks polished immediately on drop-in, before any manual tweaking.
