Project · 2022

Drum Kit

A browser drum kit you play with your keyboard. Seven keys, instant percussion.

visit live view source
Screenshot of Drum Kit

About this project

Drum Kit turns the keyboard into a percussion instrument: press a, s, d, f, j, k, or l and the matching drum fires instantly. The interface is deliberately minimal so nothing gets between you and the noise.

Built in 2022 with plain HTML, CSS, and JavaScript as an exercise in DOM events and audio playback. No framework, no build step, just the web platform.

Features

  • Seven keyboard-mapped drum sounds
  • Instant audio playback on keypress
  • Minimalist single-page interface
  • Pure HTML, CSS, and JavaScript