Pentatonic Sequencer

What it is

A simple step sequencer based on pentatonic scales. Click any grid item to toggle a note to create a pleasant-sounding music. Users can change oscillator waveforms, choose a preferred scale, and adjust volume and BPM.

• Built with Tone.js, Create React App in TypeScript flavor, Styled-components, and CSS Custom Properties

TODOs

• Easy sharing option (e.g. via URL query param, etc)
• Introduce more themes (e.g. colorways, typefaces, etc)
• Clean up code and beef up visual styles

Inspirations

• ToneMatrix Redux
• Jon Oliver's Sequencer demo
• Alex Baldwin's CodeSandbox example