Preset

Color looks. Your other settings stay as they are.

Background

Colour behind the dots.

Dots

Colour of the dots at rest.

Accent

Colour the dots take on near the cursor.

Free shaders, block studios and Export Kits are available without an account. Pro items are coming soon; their demos, studios and downloads will open in a later release. Purchasing is not open yet.

Density72

Rows of dots when automatic sizing is off.

Dot size0.08

Size of each dot relative to the spacing between them.

Accent falloff0.4

How strongly dots take the accent colour near the cursor.

Automatic sizing

On: dots keep a fixed spacing in pixels, so bigger canvases show more of them. Off: a fixed number of rows (Density) scales with the canvas.

Dot spacing14px

Distance between dots in CSS pixels, used while automatic sizing is on.

Flow speed1

Speed of the idle breathing and the ripple.

Breathing0.018

Idle size wave, independent of the pointer.

Ripple0.035

How much dots swell in the ripple around the cursor.

Ripple reach0.3

Radius of the pointer's influence, in canvas units.

Repulsion0.65

How far dots are pushed away from the cursor.

Recovery & damping0.6

How quickly the disturbance around the cursor settles; higher values give a tighter, faster wave.

Surface wave0.4

Strength of the rippling wave that spreads from the cursor.

Opacity1

Opacity of the complete effect, including its background.

Background opacity1

Fade the background independently for transparent overlays.

Dot Grid

Free

Palette

Structure

Motion

Compositing

Dot Grid