Drum-kit is a fully responsive virtual drum set built using HTML, CSS, and JavaScript. It allows users to play drum sounds via mouse clicks or keyboard keys, making it a fun and interactive way to simulate playing drums directly in the browser.
- 🎧 Realistic drum sounds
- 🧑💻 Fully responsive design for desktop, tablet, and mobile
- 🎹 Keyboard support for quick drumming
- 🎨 Animated feedback when keys are pressed
- ⚡ Lightweight and fast — no frameworks, just pure HTML/CSS/JS
- HTML5 – Semantic structure
- CSS3 – Responsive design and animations
- JavaScript (ES6) – Interactivity and audio handling
| Key | Instrument |
|---|---|
| W | Crash |
| A | Kick |
| S | Snare |
| D | Tom 1 |
| J | Tom 2 |
| K | Tom 3 |
| L | Hi-Hat |
(You can also click on the drum pads with your mouse or finger.)
Clone this repository and open index.html in your browser:
git clone https://github.com/yourusername/Drum-kit.git
cd Drum-kit
open index.htmlmade with ❤️ in India.