🎼 Visual Sonic Pi Studio

Algorithmically compose audiovisual performances — live-code music and visuals together in the browser

🎨 Try the WebSim Prototype →

---

Visual Sonic Pi Studio is a browser-based audiovisual live coding environment inspired by Sonic Pi. Write algorithms to compose music and drive real-time visuals simultaneously — no DAW, no plugins, just code and a browser.

✨ Features

• Live algorithmic composition — code generates both audio and visuals in real time
• Audiovisual sync — music and visuals are tightly coupled
• Browser-based — no installation, runs in any modern browser
• WebSim prototype — try instantly without cloning
• React + Vite — fast dev experience

🚀 Quick Start

Method 1 — Local dev:

git clone https://github.com/RhythrosaLabs/visual_sonic_pi.git
cd visual_sonic_pi
npm install
npm run dev

Method 2 — WebSim prototype:

👉 Open in WebSim

🛠️ Tech Stack

• React + JavaScript — UI framework
• Vite — build tool
• Web Audio API — sound synthesis
• HTML5 Canvas / WebGL — visual rendering

🤝 Contributing

PRs welcome. Open an issue first for major changes.

📄 License

MIT

💛 Support

If Visual Sonic Pi inspires your next performance, consider supporting development:

👉 Donate via PayPal — @noodlebake

---

Made with ❤️ by RhythrosaLabs