tone-js 开源项目推荐（47 个）

Marigold1122 /WebUtau

浏览器端虚拟歌姬工作站 — 导入 MIDI，填写歌词，驱动 UTAU 声库演唱，支持 SeedVC 音色转换与多轨伴奏混音。

dannyjpwilliams /ui-sound-design-skill

Claude Code skill that translates plain-English sound descriptions into working Web Audio API and Tone.js code

WorldLinkStudio /mpcsample

MPC Sample Kit Maker — web and desktop Akai MPC sample pad player. Load kits, trigger samples in the browser or on desktop, and export .xpj project files back to your MPC Sample hardware.

HalcyonVector /Petrichor

Real-time generative ambient/lo-fi music engine. Web Audio synthesis (Tone.js) driven by live weather (Open-Meteo), time-of-day, and interaction telemetry. React 18 + TypeScript client, Express backend, installable as a PWA.

joedickey /ToneSeq

Free browser-based step sequencer and drum machine. Synth waveforms, filters, ADSR, automation, and live pattern switching. No download, no signup.

arnoldwender /wm-prototyp-live-music-coder

Write code. Hear music. Instantly. A browser-based live coding music IDE with 4 audio engines, 7 visualizers, MIDI keyboard input, 43 sessions, 190+ examples, and Electron desktop app.

ShrutiTiwari /falling-notes

Interactive piano roll visualizer — watch notes fall as the music plays. Built with React, Tone.js, and Canvas. Supports 16 pieces across Classical, Bollywood, and Hindustani Classical genres with tempo control, note name labels, and a 4-layer synthesized piano sound.

yagodecastro /web-theremin

A web-based gesture tracking application for generating sounds and MIDI, and providing real-time visual feedback. It converts hand movements captured by a webcam into musical notes and visual effects.

KHemanthRaju /GitSymphony

🎵 Transform Git commit history into beautiful symphonies with 3D visualizations. Built for Kiroween 2025 Hackathon.

bonanza127 /Supertales

Interactive storytelling platform — create, share, and explore branching narratives

moonwave99 /villa-lobos-trainer

Interactive trainer companion for guitar study from Hector Villa-Lobos

annbjer /un-hommage-a-baton-de-pluies

A browser-based recreation and reinterpretation of Bâton de pluies by lolalevient × AIRMOW, with live webcam motion detection driving generative ambient music in C minor.

timeless-residents /handson-game-ideation-250305

A simple interactive music creation game built with React and Tone.js. Create and play back melodies using keyboard controls.

tznthou /day-26-harmonic-monoliths

Day 26 of 30-day project challenge - The Harmonic Monoliths: A generative music installation with CSS 3D crystal columns and Tone.js

flaviagaglio /air-synth

A gesture-controlled synthesizer played with your hands via webcam, right in the browser.

johannes-kaindl /synthwave-surfer

Deterministic generative synthwave in the browser — pick a genre engine + a seed, get a full arrangement. Single HTML file, Tone.js, no build step.

branqon /luminflow

A browser-based ambient instrument. Drag to play generative soundscapes over a real-time WebGL fluid simulation.

wiskerpaddy /webtuner

サックスの演奏において、低音域と高音域（オクターブ差）のピッチを安定させることは非常に重要です。このアプリは、特定のレッスン課題である「1オクターブ上の音を、基音の±10Hz以内に収める」というトレーニングをサポートするために開発されました。 一般的なチューナーよりも視認性を高め、特定の範囲（±10Hz）のズレに特化したフィードバックを提供します。

wiskerpaddy /webtunerMotivation

「マッスル」な応援システムを搭載したチューナーです。 練習者の心（と筋肉）を奮い立たせる掛け声システムを搭載。チューナーとして音を3段階で検出するように設定変更できます。

yzsp-studio /podcast-studio

长文直接变成进棚就能录的播客脚本，cue 都标好了 | Turn any article into a studio-ready podcast script with music and SFX cues · 📮 [email protected] · 🎬 https://v.douyin.com/07EjIDGVErY/