Components Templates Boilerplates Docs Field Notes

Get Everything →

● bass mid treble — BPM 0%

Plays a short built-in beat and analyses it live. Audio needs a click.

@caustics/sonogram

Sonogram

The audio→visual engine — turn any sound into musically-correct signals and drive a live shader-gradient, a canvas, and every other Caustics engine.

Source

▾

Analysis preset

▾

Gradient (driven by audio)

▾

Visualizer

▾

Sensitivity 1.4×

Mute demo audio

Sonogram drives the gradient behind the stage — bass → speed, loudness → exposure, onset → glow — via one connect() call. The same signals can drive any Caustics engine, a canvas, or CSS variables.

Get it — $69 →