WebGPU · Audio-reactive
Audio-reactive music visualizer (WebGPU)
Threnic is a browser-based, GPU-accelerated music visualizer that reacts to your audio in real time. It maps bass, mid, and high frequencies straight onto visual effect parameters using WebGL/WebGPU shaders, so the visuals breathe with the track — then exports the result as a clean MP4.
Real frequency data, real reactivity
Threnic runs an FFT on your audio and exposes the bass, mid, and high bands as drivers you can wire into any effect. Make bloom intensity pulse with the kick, chromatic aberration flicker on hi-hats, or particle motion swell on the low end. Because it's shader-based and GPU-accelerated, it stays at a smooth frame rate even with a deep effect stack.
This is a builder's tool as much as an artist's. The reactivity is parameterized — intensity, speed, frequency band, thresholds — so you can dial in exactly how the visuals respond instead of picking a fixed preset.
The effect engine
- Bloom, chromatic aberration, film grain, VHS, and distortion passes
- Each parameter can be driven by a chosen frequency band
- GPU-accelerated via WebGL 2.0 / WebGPU shaders
- Deterministic export — the visualizer looks identical in the rendered MP4 and the live preview
Export what you see
The visualizer isn't just a live toy. Threnic renders the exact reactive output to an MP4 at up to 4K/60fps using the local GPU, frame-accurate to the audio. What you preview is what you export.
Frequently asked questions
What does audio-reactive mean here?
Threnic reads your audio's frequency data (bass, mid, high) and connects it to visual effect parameters, so effects pulse and shift in sync with the music instead of staying static.
Does it use WebGPU?
Yes. Threnic's render pipeline is GPU-accelerated via WebGL 2.0 and WebGPU shaders running in the browser, on your own hardware.
Is the export frame-accurate to the audio?
Yes. The export path renders deterministically against the same audio data, so the visualizer in the MP4 matches the live preview.
Can I control how strongly effects react?
Yes. Reactivity is parameterized — you choose the frequency band and tune intensity, speed, and thresholds per effect.
Build a reactive visual for your track
Wire frequency bands to effects and export the result. Runs on your GPU, in the browser.
Open Threnic> WEBGPU · FFT_REACTIVITY · DETERMINISTIC_EXPORT · 4K