Dev tools · alternatives · 2026
24 alternatives to Render audio waveforms to HTML canvas using WebGPU
Hey HN. I built this quick and dirty component to render audio waveforms using WebGPU. I just published it to NPM. It's the first time I use WebGPU and it's been a while since I write shaders. Feedback is very welcome! GitHub: https://github.com/mrkev/webgpu-waveform Examples: https://aykev.dev/webgpu-waveform
This is an NPM component that renders audio waveforms to HTML canvas using WebGPU technology. It's designed for developers who need to visualize audio data in web applications. The tool leverages GPU acceleration for… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Render audio waveforms to HTML canvas using WebGPU launched in 2024; newer entries below may have overtaken it.
- 1
Creator here. I built ChartGPU because I kept hitting the same wall: charting libraries that claim to be "fast" but choke past 100K data points. The core insight: Canvas2D is fundamentally CPU-bound. Even WebGL chart libraries still do most computation on the CPU. So I moved everything to the GPU via WebGPU: - LTTB downsampling runs as a compute shader - Hit-testing for tooltips/hover is GPU-accelerated - Rendering uses instanced draws (one draw call per series) The result: 1M points at 60fps with smooth zoom/pan. Live demo:…
Jan 2026 · github.com · its alternatives →
- 2
Hi HN, I’ve been working on a browser-based tool for exploring and debugging Web Audio API graphs. Web Audio Studio lets you write real Web Audio API code, run it, and see the runtime graph it produces as an interactive visual representation. Instead of mentally tracking connect() calls, you can inspect the actual structure of the graph, follow signal flow, and tweak parameters while the audio is playing. It includes built-in visualizations for common node types — waveforms, filter responses, analyser time and frequency views, compressor transfer curves, waveshaper distortion, spatial…
Mar 2026 · webaudio.studio · its alternatives →
- 3WD
2014 · wavepot.com · its alternatives →
- 4
WebGPU Tech Demo▲141WebGPU tech demo running in modern browsers showcasing various rendering techniques like deferred rendering with 400+ dynamic lights, Hi-Z screen space reflections and cascaded shadow mapping.
2024 · gnikoloff.github.io · its alternatives →
- 5
- 6
I’ve recently released my solo project Audiocube I wanted to make a 3D DAW, where spatial audio, physics, and virtual acoustics are all directly integrated into the engine. This makes it easy to create music in 3D, and experiment with new techniques which aren’t possible in traditional DAWs and plugins. I’d love to get any feedback on this software (Mac/Windows) to make it better. You can download it for free through the website. Thanks, Noah
2025 · audiocube.app · its alternatives →
- 7WB
Experiments with tech and their record on the internet
2018 · ashishdubey.xyz · its alternatives →
- 8IV
2023 · webfft.net · its alternatives →
- 9
- 10
Draw.Audio is a free online music maker. Draw notes on a grid and hear them play back instantly — a browser-based synthesizer, sequencer, and visual instrument.
2024 · draw.audio · its alternatives →
- 11
Browser FX:▲86Transform your web audio with real-time effects
Jul 2026 · chromewebstore.google.com · its alternatives →
- 12
Contribute to soundshader/soundshader.github.io development by creating an account on GitHub.
2022 · github.com · its alternatives →
- 13
2018 · acarabott.github.io · its alternatives →
- 14WP
I vibe-coded a complete React rewrite of my multi-track audio editor with Claude. Waveform Playlist v5 started as a "let's see how far AI can take this" experiment. The original was vanilla JS (~8 years old). The new version is React + Tone.js with proper TypeScript, tree-shaking, and a modular package structure. What we built: canvas waveforms, drag-and-drop clip editing, 20+ Tone.js effects, AudioWorklet recording, WAV export, annotations, theming. Demos: https://naomiaro.github.io/waveform-playlist/examples/stem-tracks GitHub:…
Jan 2026 · naomiaro.github.io · its alternatives →
- 15
Graphic Foundry▲164High-impact audio reactive music visualizers 💎
2018 · graphicfoundry.com · its alternatives →
- 16
Voxel-engine in Javascript. Contribute to Lallassu/voxelengine3 development by creating an account on GitHub.
2017 · github.com · its alternatives →
- 17FT
2021 · static.laszlokorte.de · its alternatives →
- 18
By and large, using the web is a visual experience. This is in terrible contrast to mobile apps, which interact with three of our human senses (sight, sound, and touch, through haptic feedback). I just released a library to make it easy to add sound to your React app, and I make the case that you sh
2020 · joshwcomeau.com · its alternatives →
- 19WA
Hi, I'm the author of this little Web Audio toy which does physical modeling synthesis using a simple spring-mass system. My current area of research is in sparse, event-based encodings of musical audio (https://blog.cochlea.xyz/sparse-interpretable-audio-codec-pa...). I'm very interested in decomposing audio signals into a description of the "system" (e.g., room, instrument, vocal tract, etc.) and a sparse "control signal" which describes how and when energy is injected into that system. This toy was a great way to start learning about physical modeling synthesis, which seems…
2025 · blog.cochlea.xyz · its alternatives →
- 20
I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…
2024 · github.com · its alternatives →
- 21
A simple javascript web radio visualizer. Contribute to victorqribeiro/radio development by creating an account on GitHub.
2019 · github.com · its alternatives →
- 22
A real-time transcription project using React and socketio - GitHub - saharmor/realtime-transcription-playground: A real-time transcription project using React and socketio
2021 · github.com · its alternatives →
- 23AU
2018 · webaudio.simmsreeve.com · its alternatives →
- 24IB
Hey HN, I’m an ex-Google engineer trying to get back into music production. I needed a way to sequence my hardware synths using AI contexts without constantly switching windows, so I built this. It runs entirely in the browser using WebMIDI. No login required. It connects to your local MIDI devices (if you're on Chrome/Edge) and lets you generate patterns. Tech stack: [React / WebMIDI API / etc]. Link: www.simplychris.ai/droplets Code is a bit messy, but it works. Feedback welcome.
Dec 2025 · simplychris.ai · its alternatives →
Also compare
- ChartGPU – WebGPU-powered charting library (1M points at 60fps) alternatives
- Web Audio Studio – A Visual Debugger for Web Audio API Graphs alternatives
- Wavepot – Digital audio workstation of the web alternatives
- WebGPU Tech Demo alternatives
- Waveformer alternatives
- Audiocube – A 3D DAW for Spatial Audio alternatives
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →