Waveform Playlist v5 – Multi-track Web Audio editor (React and Tone.js)
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:…
Waveform Playlist v5 – Multi-track Web Audio editor (React and Tone.js) launched on January 7, 2026 with 10 votes, #1,059 of 14,584 launches that month and more than 90% of that year's launches.
In plain words
Waveform Playlist v5 is a web-based audio editor built with React and Tone.js that allows users to work with multiple tracks simultaneously. It is designed for anyone needing to edit, arrange, and mix audio directly in their browser without installing additional software. The tool stands out by offering a visual waveform interface for precise audio manipulation across multiple layers.
written from the facts on this page · September 2026
From the sources
Multi-track audio editor for the web. React components or framework-agnostic Web Components — Tone.js optional. Try the Demo Get Started 01 Features What you can build Multi-Track Editing Drag clips, trim boundaries, split at playhead. Full timeline control with sample-accurate positioning and real-time collision detection. Reverb, delay, chorus, phaser, distortion, filters and more. Real-time parameter tweaking with bypass controls. AudioWorklet-based recording with live waveform preview, VU meter, and automatic track creation. Offline rendering with full effects. Export individual tracks or the complete mix as WAV files. Time-synced text annotations with keyboard navigation. Perfect for…from naomiaro.github.io
In the maker’s words, at launch
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.…
Does a similar job
all alternatives →
A 64-step drum sequencer I built using React and Redux2021 · sequencer64.com · ▲327An intuitive 64-step drum sequencer progressive web app built using React, Redux, and Tone.js
- RARender audio waveforms to HTML canvas using WebGPU2024 · ▲160
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
Audiomass – a free, open-source multitrack audio editor for the webMay 2026 · audiomass.co · ▲553AudioMass is a free full-featured web-based audio & waveform editing tool
Web Audio Studio – A Visual Debugger for Web Audio API GraphsMar 2026 · webaudio.studio · ▲64Hi 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…
- FEFBP editor for music/vfx with [three, tone, tensorflow].js nodes2019 · kousun12.github.io · ▲42
Open-source sound effects and react library to spice up your website2025 · reactsounds.com · ▲21Hi all, I've been using sound effects in a few web-projects lately (mostly for notifications) and it's always a pain to find good sound effects and then handle them in the browser. So, I compiled my learnings into an easy-to-use React library. It currently has ~70 sound effects (MIT licensed) and I'm happy to add more if you have any requests. PS. the sound effects can of course be used without the React library!
More ai this month
the category →
Paintings by AI models: programs run through a simulation of oil paint.
AI · 21d ago · stillwet.art
PixVerse R2▲381A real-time world model you can explore and change
AI · 30d ago · world.pixverse.video
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
