StemSplit Studio is a completely free, 100% client-side, and highly advanced audio production suite built for the browser. Leveraging the power of WebGPU and WebAssembly, this tool runs heavyweight AI models directly on your hardware without ever uploading your files to a server.
Whether you need to extract vocals from a song, transcribe multilingual lyrics, record your own voice over isolated instrumentals, or merge multiple audio files into a seamless mix—StemSplit Studio handles it all instantly and privately.
- 🔒 Zero Server Processing (Complete Privacy)
- Your audio files never leave your device. All AI inference is executed locally using your computer's GPU or CPU.
- 🎙️ AI Stem Splitting (Powered by HTDemucs)
- Isolate any song into 4 distinct, studio-quality tracks: Vocals, Drums, Bass, and Other.
- 📝 Multilingual AI Lyrics Extraction (Powered by Whisper)
- Automatically transcribe the vocal track into timestamped lyrics (
.txt) supporting dozens of languages.
- Automatically transcribe the vocal track into timestamped lyrics (
- 🎛️ Live Browser DAW & Mixer
- Adjust individual stem volumes, mute/solo tracks, and view synchronized dynamic waveforms in real time.
- 🎤 Live Studio Recording
- Sing directly over your separated backing tracks using your microphone, perfectly synchronized down to the millisecond.
- ✂️ Regional Audio Editing & Trimming
- Visually define start and end segments to instantly Mute or Isolate regions of a specific stem.
- ⏱️ Precision Export Trimming
- Set custom time boundaries to export only the specific section of the mix you want.
- 🔄 Track Merger
- Seamlessly drag, drop, reorder, and stitch multiple audio files together without re-encoding latency.
- 💾 Advanced Local Caching
- Gigabytes of ONNX AI models are downloaded once to IndexedDB. Subsequent visits instantly load the models from your hard drive, allowing complete offline usage.
- ⚡ WebGPU Accelerated
- Experience blazing fast inference times by utilizing your system's graphics card, with an automatic WASM fallback for older devices.
- ⬇️ Dynamic Mixdown Export
- Export individual stems, download everything as a ZIP, or generate a custom
.wavmix utilizing your current volume/mute settings and recorded overdubs.
- Export individual stems, download everything as a ZIP, or generate a custom
- 🎨 Premium Dark UI
- A stunning, glassmorphism-inspired dark mode interface with micro-animations and responsive design.
- Frontend: Vanilla HTML, CSS, JavaScript (Mobile-first, Responsive)
- Audio Engine: Web Audio API (OfflineAudioContext for high-fidelity rendering, native PCM decoding/encoding)
- Machine Learning: ONNX Runtime Web (
onnxruntime-web) - Separation Model: Meta's HTDemucs (Optimized for WebGPU)
- Transcription Model: OpenAI's Whisper (Tiny/Base quantized models)
- Storage: IndexedDB (Caching AI Models)
- Bundler: Vite
If you want to run or modify the project locally, the setup is incredibly straightforward.
- Node.js (v16.0.0 or higher)
- A modern web browser with WebGPU support (Chrome 113+, Edge 113+, etc.)
git clone https://github.com/baybarse/StemSplitStudio.git
cd StemSplitStudionpm installnpm run devOpen the provided local URL (usually http://localhost:5173) in your browser.
To create a minified production build:
npm run buildThe optimized files will be generated in the dist/ directory, ready to be deployed to GitHub Pages, Vercel, Netlify, or any static hosting service.
Baybarshan Ekiz
- LinkedIn: linkedin.com/in/baybarshan-ekiz
- GitHub: @baybarse
This project is licensed under the MIT License.
Acknowledgments:
- Meta AI for the original HTDemucs model.
- OpenAI for the Whisper transcription model.
- Hugging Face and the open-source community for model weights and WebGPU quantization workflows.