Import an image to begin

Sort Rain

Drag the scan line on the canvas or use the slider.

Image

Background repeats pixels from the active scan line.

Aspect ratio

Fit

Contain keeps the full image visible. Cover fills the canvas.

Show image

Hide the image to preview the sorted row background.

Radius

Load an image first

Scale

Load an image first

Direction

Background uses a horizontal row, top to bottom.

Position

Load an image first

Animate background

Loop scan line top to bottom and back.

Easing

Controls acceleration through each half of the loop.

Speed

Load an image first

Line strokes

White strokes with random opacity and speed, synced to animation duration (8s).

Opacity

Master opacity — each stroke also varies individually.

Density

56 strokes

Background noise

Adds grain to the sorted-row background. The image stays clean.

Amount

25% intensity

Grain size

2px grain

Monochrome

Grayscale grain.

Scatter

Animates the grain by scattering each particle over time.

Scatter amount

50% spread

Scatter speed

8× rate

Mode

Format