react-music — Make beats with React!

The past few days Ken Wheeler has been tweeting some sneak peeks of what he’s been up to, after having heard that Akai was discontinuing its standalone hardware MPC drum machine offering:

I did what any geek that writes React code all day long would do: I wrote a library so that I can make beats with ReactJS.

The result is react-music:

react-music let you make beats using JSX code and hooks into the Web Audio API to turn your code into beautiful music. There is no UI, with the exception of a play/stop button and a spectrum analyzer that renders on your page.

No UI, only code:

<Song tempo={90}>
  <Sequencer resolution={16} bars={1}>
    <Sampler
      sample="/samples/kick.wav"
      steps={[0, 4, 8, 12]}
    />
  </Sequencer>
</Song>

Amazeballs!

Make Dope Beats With ReactJS →
react-music (GitHub) →

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.