DEV Community

Cover image for Cadence: create and share drum patterns and sequences in the browser
Josephus Paye II
Josephus Paye II

Posted on

Cadence: create and share drum patterns and sequences in the browser

As a part of my goal to create something weekly in 2020, I made Cadence in Week 4.

Cadence is a simple web app that uses the Web Audio API via Tone.js and allows you to create and share drum patterns and sequences in the browser.

Specifically, it allows you to:

  • Create 16-note drum patterns using 8 drum instruments: Ride, Open Hat, Closed Hat, Rim, Clap, Snare, Tom and Kick
  • Set the beat tempo anywhere between 30bpm and 240bpm
  • Save multiple beats locally in your browser
  • Easily share your beats with others using a unique URL

Try it

The app is freely available online at focused-galileo-7aaf5d.netlify.com.

I would love the hear the patterns you create. Feel free to share them in the comments below.

View the source

The app is open source and available on GitHub at https://github.com/JosephusPaye/cadence.

Contributions, questions, or feedback welcome!

Top comments (0)