fft visualizer
A free audio visualizer — play it in your browser, no install. WebGL-based real-time audio spectrum analyzer and FFT visualizer.
Vote and save it — continue with GitHub or sign in free
Made this, @harmonics-audio? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
A high-performance, WebGL-based real-time audio spectrum analyzer and FFT visualizer. The entire visual — bars, LED segments, radial layout, gradient, glow, reflection — is drawn by a single fragment shader in one GPU draw call, so it stays smooth even at 120 fps with 80 bands in stereo.
This is a monorepo. The rendering engine lives in a framework-agnostic core package; framework integrations are thin wrappers around it.
The core owns all rendering, audio capture (mic / tab / system via the Web Audio API + a lazy-loaded Rust/WASM FFT), WebSocket streaming, and the WebGL draw.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
spectro
🎶 Real-time audio spectrogram generator for the web
akanji
A microphone-reactive sound visualizer in the browser — five generative visual modes driven by real-time FFT audio analysis. Built with p5.js, zero…
browser visualizer v1
Turn whatever's playing on your system into audio-reactive visuals — 8 canvas visualizers, beat detection, themes, and a movable popout window…
vibez.surf
Browser-based in TypeScript + Three.js. Drop any audio file, paste a URL, or prompt Suno AI and ride a procedurally generated 3D track.
klangfarbe
Audio visualizer — see what music looks like. Upload audio or use your microphone to create beautiful real-time visualizations.
audio visualizer with controls
html5 audio visualizer with audio play controls
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
