An interactive online drumpad that lets you play beats using your keyboard or touch controls. Perfect for music enthusiasts and aspiring drummers.
Try it now: Online Drumpad
- 🎵 16 high-quality drum samples
- ⌨️ Keyboard mapping for quick access
- 📱 Touch-enabled for mobile devices
- ⚡ Low latency playback
- 📱 Responsive design
- 🖱️ Mouse and touch support
- 🎨 Clean, minimalist interface
- 🌓 Dark/Light theme support
- Pure JavaScript (ES6+)
- Howler.js for audio processing
- HTML5 Audio API
- CSS3 Grid Layout
- Responsive design principles
- Clone the repository
- Open
index.htmlin your browser - Use your keyboard or click/tap the pads to play sounds
| Key | Alternative Key | Sound |
|---|---|---|
| 1 | V | Crash |
| 2 | F | Cowbell |
| 3 | R | Ride |
| Q | Low Tom | |
| W | Mid Tom | |
| E | High Tom | |
| C | Closed HH | |
| D | Open HH | |
| Z | Kick | |
| S | Rim | |
| X | Snare | |
| A | Clap |
This 3x4 grid layout adjusts to a 4x3 layout when the screen is wider than it is tall.
This drumpad uses the LM1 drum sample pack. All samples are included in the repository.
MIT License