Skip to content
An 8-bit drum machine using JavaScript and CSS.
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

8-Bit Drum Machine


Drum machine using 8-bit sounds, made with vanilla JavaScript and CSS.

Instructions: Use the buttons to create a pattern, then press play to hear it in action. Change the tempo using the slider (disabled while playing).

Play and stop icons are from Font Awesome.

8-bit samples are Bitkits from Uppercussion.

Layout accomplished with CSS grid.

Through this project, I learned how to use the following:

  • setInterval
  • working with audio
  • how to format links with Markdown
You can’t perform that action at this time.