How does the Quantum Web engine respond to sound?

This look uses the Quantum Web engine, which renders fluid, neural-drift patterns that morph with the full frequency spectrum. Sound is read as a 128-bin spectrum every frame rather than as a single loudness value, and for this engine the mids walk the Julia constant, so melody morphs the shape rather than just brightening it. It costs about 1ms per frame at 1080p, and the whole thing runs in a browser tab with no plugin or install.

What does the free tier actually include?

Three of the eight engines at 720p and 30fps with a small watermark, Twitch integration, and no time limit or card — a tier rather than a trial. Plus is $4.99 a month (or $49.99 a year) and removes the watermark, unlocks 1080p at 60fps, all eight engines including the two 3D ones, and YouTube, Kick and TikTok. Pro at $14.99 a month adds 4K and a logo overlay, and there is a $149 one-time lifetime licence.

Does it really react to the music, or is it a loop?

It is generated live on your GPU. A 128-bin FFT runs every frame and the three bands drive different things, so a kick and a cymbal at the same volume produce different motion. On this page's Quantum Web engine specifically, the mids walk the Julia constant, so melody morphs the shape rather than just brightening it. Nothing repeats, and you can zoom to 100,000x magnification while it is running — neither is possible with a pre-rendered clip.

Will it cost me framerate while I am gaming?

It renders on the GPU alongside your game, so it is not free — but the 2D engines cost about 1ms per frame at 1080p, which ordinary integrated graphics handle. If framerate matters more than resolution, Performance Mode drops the internal render to 720p or 480p while your broadcast software still outputs at full canvas size. The two 3D engines are roughly ten times heavier and are capped at 720p for that reason.

Does it react to my Twitch subs and raids, or only to audio?

Both, and the event side is the part audio visualizers cannot do. Connect Twitch, YouTube or Streamlabs and subscriptions, gift subs, bits, follows, raids and hype trains each trigger their own treatment — a raid pulls the camera back and sends a band outward, a hype train holds a sustained swirl for as long as the train runs. Reacting to a raid needs an authenticated connection to the platform and a webhook, which is why a tool that only analyses a waveform has no way of knowing one happened.

Which browsers and operating systems work?

Anything with WebGL2: current Chrome, Edge, Firefox and Safari on Windows, macOS, Linux and ChromeOS, including the embedded Chromium inside an OBS Browser Source. If WebGL2 is unavailable the page says so rather than showing a blank screen.

AUDIO-REACTIVE VISUAL · UPDATED 2026-08-25

The Hacker Aesthetic for Your Stream

Name: Vortexia
Author: Yousef @ Vortexia

Digital rain and green matrix vibes

Digital rain and tech-noir aesthetics. The perfect backdrop for "Study with Me" or live coding sessions.

Open the dashboard · Watch it live · All presets · Pricing

What is The Hacker Aesthetic for Your Stream?

The Hacker Aesthetic for Your Stream — Digital rain and green matrix vibes. Vortexia turns any browser into an audio-reactive visual engine — useful here as the hacker aesthetic for your stream. The Quantum Web engine renders fluid, neural-drift patterns that morph with the full frequency spectrum via WebGL, picks up the audio the host machine is playing, and outputs a clean canvas you can route into OBS, Streamlabs and any other broadcasting software as a Browser Source or fullscreen on a projector. There is nothing to install. Free tier covers 720p with a watermark; Plus is $4.99/month for 1080p/60; Pro is $14.99/month for 4K/60, a brand-kit logo overlay and priority support. Customize colour shift, zoom and iteration depth from the dashboard, then save the result as a preset and reuse the same viewer URL across every session — so the visual is consistent every time you open it.

How to use The Hacker Aesthetic for Your Stream

Customize the visual. Open the Vortexia dashboard, choose the The Hacker Aesthetic for Your Stream preset, and adjust colour shift, zoom and iteration depth until it matches your show.
Copy the viewer URL. Click "Get Browser Source URL" — Vortexia will give you a permanent URL that loads this exact configuration anywhere.
Add it to OBS, Streamlabs and any other broadcasting software. In OBS, Streamlabs and any other broadcasting software, add a new Browser Source, paste the viewer URL, and set the canvas to 1920×1080 (or 1080×1920 for vertical). The visual is live as soon as the source loads.
Route your audio. Make sure the browser tab can hear the audio you want it to react to — most streamers route their stream output through a virtual audio cable so Vortexia and OBS hear the same mix.

Specs & output

Engine	Quantum Web
Render Mode	flux
Iteration Depth	55
Default Zoom	0.70
Colour Shift	120°
Output (Free)	720p / 30fps + watermark
Output (Plus)	1080p / 60fps, no watermark
Output (Pro)	4K / 60fps, brand-kit logo overlay
Audio Source	Browser tab audio (FFT, real-time)
Last Updated	2026-08-25

Frequently asked questions

How does the Quantum Web engine respond to sound?: This look uses the Quantum Web engine, which renders fluid, neural-drift patterns that morph with the full frequency spectrum. Sound is read as a 128-bin spectrum every frame rather than as a single loudness value, and for this engine the mids walk the Julia constant, so melody morphs the shape rather than just brightening it. It costs about 1ms per frame at 1080p, and the whole thing runs in a browser tab with no plugin or install.
What does the free tier actually include?: Three of the eight engines at 720p and 30fps with a small watermark, Twitch integration, and no time limit or card — a tier rather than a trial. Plus is $4.99 a month (or $49.99 a year) and removes the watermark, unlocks 1080p at 60fps, all eight engines including the two 3D ones, and YouTube, Kick and TikTok. Pro at $14.99 a month adds 4K and a logo overlay, and there is a $149 one-time lifetime licence.
Does it really react to the music, or is it a loop?: It is generated live on your GPU. A 128-bin FFT runs every frame and the three bands drive different things, so a kick and a cymbal at the same volume produce different motion. On this page's Quantum Web engine specifically, the mids walk the Julia constant, so melody morphs the shape rather than just brightening it. Nothing repeats, and you can zoom to 100,000x magnification while it is running — neither is possible with a pre-rendered clip.
Will it cost me framerate while I am gaming?: It renders on the GPU alongside your game, so it is not free — but the 2D engines cost about 1ms per frame at 1080p, which ordinary integrated graphics handle. If framerate matters more than resolution, Performance Mode drops the internal render to 720p or 480p while your broadcast software still outputs at full canvas size. The two 3D engines are roughly ten times heavier and are capped at 720p for that reason.
Does it react to my Twitch subs and raids, or only to audio?: Both, and the event side is the part audio visualizers cannot do. Connect Twitch, YouTube or Streamlabs and subscriptions, gift subs, bits, follows, raids and hype trains each trigger their own treatment — a raid pulls the camera back and sends a band outward, a hype train holds a sustained swirl for as long as the train runs. Reacting to a raid needs an authenticated connection to the platform and a webhook, which is why a tool that only analyses a waveform has no way of knowing one happened.
Which browsers and operating systems work?: Anything with WebGL2: current Chrome, Edge, Firefox and Safari on Windows, macOS, Linux and ChromeOS, including the embedded Chromium inside an OBS Browser Source. If WebGL2 is unavailable the page says so rather than showing a blank screen.

About the author

Yousef @ Vortexia — Vortexia Engine Creator.

Yousef builds Vortexia — a browser-based, GPU-accelerated audio-reactive visual engine used by streamers and DJs on Twitch, Kick, YouTube Live and TikTok Live.