Generative Music Experiments is a collection of interactive, browser-based audio experiments exploring algorithmic composition and procedural sound generation. Built with modern frontend technologies, this project aims to provide a playground for creative exploration of music systems and emergent sound behaviors.
Coming soon β stay tuned!
- πΌ Modular Experiments: Each experiment is built as a separate interactive route using React Router.
- ποΈ Real-Time Audio Synthesis: Powered by the Web Audio API and optionally extended with Tone.js.
- π§© Reactive UI: Clean and responsive interface built with React.
- π¨ Visual Feedback: Audio-reactive visuals using Canvas or SVG.
- π Procedural Loops: Controlled randomness, generative rules, and evolving patterns.
- β‘ Vite β lightning-fast development environment
- βοΈ React
- π React Router
- π§ Web Audio API / Tone.js
- πΌοΈ Canvas / SVG for visuals
/generative-music/
βββ index.html
βββ src/
β βββ components/ # Shared UI components
β βββ experiments/ # Individual generative music experiments
β βββ hooks/ # Custom React hooks for audio & interactivity
β βββ routes/ # React Router routes
β βββ index.css # Global styles
β βββ App.tsx
β βββ main.tsx
βββ vite.config.ts
βββ README.md
- π² Random Melody Generator
- πΈοΈ Markov Chain Chord Progressions
- π Cellular Automata Rhythms
- πΏ L-System Melody Growth
- ποΈ Interactive Step Sequencer
Each experiment lives in its own route and may be extended with unique UI controls or visualizations.
- Node.js (v20+ recommended)
- A modern browser (Chrome, Firefox, Edge)
# Clone the repository
git clone https://github.com/your-username/generative-music.git
cd generative-music
# Install dependencies
npm install
# Run the development server
npm run dev
Then visit http://localhost:5173
in your browser.
Inspired by the works of:
- Brian Eno β ambient and generative music pioneer
- Terry Riley β minimalism and loop-based composition
- Tero Parviainen β Generative Music in the Browser
MIT License β open for remixing, learning, and sharing.
Pull requests, issues, and creative suggestions are always welcome! See CONTRIBUTING.md
for guidelines (coming soon).