Component

Halftone

A WebGL2 halftone image effect that resamples any source image into a rotated dot-screen where dot radius encodes local luminance. Configurable dot size, screen angle, ink and paper colors, coverage, inversion, and a duotone mode that preserves source hue. Drop any image in via prop or upload.

webgl2shaderhalftoneimage-effectprint

Halftone

Dot-screen the source image in real time.

Newsprint

Shader presets

Fine cream paper with warm black ink. Classic 15° screen angle.

dot size6px

angle15°

coverage0.72

modemono

Source image

Landscape

Drop any image in and the shader re-samples it on the GPU. Pass the component a src to stamp halftone on any picture in your UI.