See the Pen Drum Soundboard by Gustavo Guarino (@Ashto) on CodePen.

Drum Soundboard

Github repository available

A demo sounboard created with React. Pressing one of the buttons or its designated keyboard button will play its relevant sound effect. In addition, a few cosmetic features are included, such as buttons lighting up when pressed, a slider to control the volume, and a power button to turn the entire soundboard on and off. Behind the scenes, sound effects can easily be added by simply changing the soundboard's cliplist array, which will dynamically add more buttons to the board. The entire soundboard will resize and even change layout depending on the user's screen size, assuring that it will work on nearly all devices.