Dither — Halftone Engine

Drop an image or video, or switch to Text below.

Source

Drop or click to upload PNG · JPG · WebP · MP4 · WebM

Or try a demo image

Text · press Enter for new line

Backdrop · image or video behind the text

Drop image / video

Motion · whole block

Distort · slices & tears

Letters · per-character

Font

Uploaded fonts stay in this session — they don't travel with share links or presets.

Size320

Weight800

Style

Layout

Speed50

Intensity50

Letter spacing0

Line height1.10×

Alignment

Extrude an SVG or type into a real 3D object that spins. The dither pipeline reads the rendered 3D frame, so all your shape / color / effect controls still apply.

Drop SVG to extrude into 3D Vector .svg — paths, polygons, shapes

Depth (extrusion)30

Bevel · roundness2.0

Material

Use SVG fill colors

When the toggle above is off, the 3D mesh uses the Foreground color from the Color panel.

Spin enabled

Spin X0.00

Spin Y0.40

Spin Z0.00

Camera distance300

Light intensity100

Engine: not loaded yet

Motion

Animate the source itself — images, video, webcam, screen and 3D. Recordings capture it, so any still photo becomes a loopable motion piece.

Backdrop · behind the source

Drop image / video

Motion · whole frame

Distort · slices & tears

Tiles · grid of copies1×1

Stagger tile timing · wave

Scale · room to roam100%

Speed50

Intensity50

Presets

Shape

Brightness drives shape size. Pick the shape.

Size

Axis

Curve

Min size0%

Max size100%

Stretch X1.0×

Stretch Y1.0×

Invert brightness

Sharpness (S-curve)0

Levels (posterize)Off

Grid

Resolution60

Spacing0

Color

Background

#FFFFFF

Foreground

#0A0A0A

Duotone palettes — one click sets background + foreground.

Ink · how shapes get their color

Everything inks in the Foreground color above.

Effects

Post-processing applied on top of the dither output.

Glow / bloom0

Chromatic aberration0

Scanlines0

Grain / noise0

Vignette0

Pixelate0

Rotation

Snap to 90°

Manual0°

Auto-animate

Interval 90° steps

Speed1000ms

Audio Reactivity

Drop MP3 / WAV

0:00

No file

Video sound · use video's own audio

Reactivity source

Attack10ms

Release180ms

Mappings · band → parameter

Adjust Source

Pre-process the source before dithering. Big lever for low-contrast inputs.

Contrast0

Brightness0

Saturation0

Hue rotate0°

Blur0px

Export

PNG resolution

Real vector paths — print, plotters, Illustrator. Post-effects (glow, grain…) are raster-only and stay out of the SVG.

Free recording

Loop recording · auto-stop

Duration4.0s

Records canvas at current size. Click Stop to save.