Dithers — Audio-reactive art 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

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

A generative colour field. Works raw or dithered — all your shape / colour / effect / audio controls still apply.

Field

Blend with

Blend mode

Warp · flow amount50

Palette

Lines · structure

Posterize · bands0

Contour lines

Kaleidoscope

Speed50

Quality · resolution

Adjust Source

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

Contrast0

Brightness0

Saturation0

Hue rotate0°

Blur0px

Motion

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

Motion · whole frame

Distort · warp the pixels

Speed50

Intensity50

Scale · room to roam100%

Tiles · grid of copies1×1

Stagger tile timing · wave

Echo · trailing copies1

Echo delay · trail spacing25

Echo shrink · per copy100%

Echo rotate · per copy0°

Echo fade40

Backdrop

Composite an image or video behind your work — they dither as one frame, or keep a layer raw.

Backdrop · behind the source

Drop image / video

Shape

Show source behind dots

Dither opacity100

Brightness drives shape size. Pick the shape.

Size

Min size0%

Max size100%

Curve

Axis

Stretch X1.0×

Stretch Y1.0×

Invert brightness

Advanced (tone)

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.

Rotation

Manual0°

Snap to 90°

Auto-animate

Interval 90° steps

Speed1000ms

Effects

Post-processing applied on top of the dither output.

Glow / bloom0

Chromatic aberration0

Scanlines0

Grain / noise0

Vignette0

Pixelate0

Glitch

Channel shift0

Shift angle0

Slice tear0

Slice density50

Pixel sort0

Sort threshold50

Glitch colors

Glitch speed50

Audio Reactivity

Drop MP3 / WAV

0:00

No file

Video sound · use video's own audio

Reactivity source

Audio-reactive preset

Attack10ms

Release180ms

Custom mappings

Audio overlay · drawn over the image

Presets

Sequencer

Capture looks as scenes, give each a duration and a transition, then preview or export the whole sequence as one video. Demo images and text sources travel with scenes; uploads use whatever is currently loaded.

Copy from current look · choose what

Workflow: dial something in on the canvas first (e.g. pick a Motion in the Motion panel), then copy just that part onto every scene. The scene thumbnails update — the live canvas doesn't change.

No scenes yet — set up a look and capture it.

Export

PNG resolution

Transparent background · PNG & SVG

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

Recording format

Recording quality

30 fps capture · sharper frames per bit

MP4 opens everywhere (iPhone, QuickTime, editors). WebM (VP9) holds dither detail slightly better but won't play on Apple devices. Dither eats bitrate — High/Max keep the dots crisp; Max ≈ 6 MB per second.

Free recording

Loop recording · auto-stop

Duration4.0s

Records canvas at current size. Click Stop to save.

Offline render · pixel-perfect MP4

Resolution

Frame rate

Duration5.0s

Steps every frame deterministically — no dropped frames, any resolution, slower than real-time. Animated sources only (video / camera / screen / GPU fluid fields need live recording); audio reactivity isn't rendered offline yet.

Share