# Free Online Drum Kit — Play Beats | Resonant > Play a free virtual drum kit with kick, snare, hi-hat, toms, and cymbals. Build beats with multiple touches or your computer keyboard. Canonical page: https://resonant-appsoverflow.web.app/instruments/drums/ Creator: AppsOverFlow Guide updated: 2026-10-12 Build a beat from ten percussion voices: kick, snare, hi-hat, three toms, clap, ride, crash, and rim. Play several controls together to layer a rhythm. ## How to play In 3D view, choose Play to tap, strum, or glide across a playing surface. Hold keys or wind surfaces to sustain a note. Choose Rotate to inspect the model; scroll or pinch to zoom. Use the labeled note controls or computer keys for chords and the full range. Classic view provides the original illustrated playing surface. Try A for kick, S for snare, and D for hi-hat. Use the labeled pads for the full kit, including voices beyond the illustrated drums. ## Sound Drum sounds are synthesized from short tones and shaped noise; they are not recordings of an acoustic drum kit. ## Keep the hi-hat steady under a backbeat Layer one repeating sound with alternating kick and snare hits. The goal is a consistent pulse, not a fast fill. Starting tempo: 72 BPM. Use Keep the beat for a steady pulse. 1: Kick + Hi-hat | 2: Snare + Hi-hat | 3: Kick + Hi-hat | 4: Snare + Hi-hat 1. **Find the three kit voices.** A plays Kick, S plays Snare and D plays Hi-hat. Use the labeled pads for the same sounds on touch. Start Keep the beat at 72 BPM with four beats. 2. **Layer the strikes.** Press A and D together on beats 1 and 3. Press S and D together on beats 2 and 4. Release between hits so each beat produces a fresh strike. 3. **Remove one layer.** Repeat with D alone for four beats, then bring the kick and snare back without changing the hi-hat timing. **What to listen for:** The hi-hat should stay evenly spaced when the other voices return. If a pair sounds like two separate hits, slow down before increasing the tempo. **Try next:** Replace the final Snare with Clap using J while keeping D for Hi-hat. Change only that beat so the variation remains easy to recognize. ## How do I record the drums in Resonant? 1. **Choose your playing controls.** Choose Play in 3D view or switch to Classic. Tap a playing surface, use the labeled note controls, or press a computer-key shortcut to enable sound. 2. **Record your idea.** Press Record above the instrument, then play your phrase. This records studio audio without using your microphone. Each take can last up to five minutes. 3. **Listen and keep a copy.** Press Stop, open Recordings, and listen to the take. Choose Download WAV or Original audio to keep a file. Saved takes stay on this device; clearing browser storage removes them. ## Questions and answers ### How do I play the online drums? In 3D view, choose Play to tap, strum, or glide across a playing surface. Hold keys or wind surfaces to sustain a note. Choose Rotate to inspect the model; scroll or pinch to zoom. Use the labeled note controls or computer keys for chords and the full range. Classic view provides the original illustrated playing surface. Try A for kick, S for snare, and D for hi-hat. Use the labeled pads for the full kit, including voices beyond the illustrated drums. ### What sounds does the virtual drums use? Drum sounds are synthesized from short tones and shaped noise; they are not recordings of an acoustic drum kit. ### How do I build a basic drum beat? Alternate A for kick and S for snare. Add D for hi-hat between them, or press D with A or S to layer sounds. ### Where are the clap and rim sounds? All ten kit voices are in the labeled pads below the drawing. Use those pads for sounds without a separate illustrated surface. ## Explore the studio - [Resonant studio](https://resonant-appsoverflow.web.app/) - [All instruments](https://resonant-appsoverflow.web.app/instruments/) - [Guitar](https://resonant-appsoverflow.web.app/instruments/guitar/) - [Bass](https://resonant-appsoverflow.web.app/instruments/bass/) - [Violin](https://resonant-appsoverflow.web.app/instruments/violin/) - [Harp](https://resonant-appsoverflow.web.app/instruments/harp/) - [Ukulele](https://resonant-appsoverflow.web.app/instruments/ukulele/) - [Piano](https://resonant-appsoverflow.web.app/instruments/piano/) - [Organ](https://resonant-appsoverflow.web.app/instruments/organ/) - [Synth](https://resonant-appsoverflow.web.app/instruments/synth/) - [Xylophone](https://resonant-appsoverflow.web.app/instruments/xylophone/) - [Marimba](https://resonant-appsoverflow.web.app/instruments/marimba/) - [Kalimba](https://resonant-appsoverflow.web.app/instruments/kalimba/) - [Tabla](https://resonant-appsoverflow.web.app/instruments/tabla/) - [Flute](https://resonant-appsoverflow.web.app/instruments/flute/) - [Trumpet](https://resonant-appsoverflow.web.app/instruments/trumpet/) - [Saxophone](https://resonant-appsoverflow.web.app/instruments/saxophone/) - [Dhol](https://resonant-appsoverflow.web.app/instruments/dhol/) - [Tasha](https://resonant-appsoverflow.web.app/instruments/tasha/) - [Dholak](https://resonant-appsoverflow.web.app/instruments/dholak/) - [Harmonium](https://resonant-appsoverflow.web.app/instruments/harmonium/) - [Bansuri](https://resonant-appsoverflow.web.app/instruments/bansuri/) - [Sitar](https://resonant-appsoverflow.web.app/instruments/sitar/) - [Cello](https://resonant-appsoverflow.web.app/instruments/cello/) - [Electric Piano](https://resonant-appsoverflow.web.app/instruments/electric-piano/) - [Clarinet](https://resonant-appsoverflow.web.app/instruments/clarinet/) - [Oboe](https://resonant-appsoverflow.web.app/instruments/oboe/) - [Trombone](https://resonant-appsoverflow.web.app/instruments/trombone/) - [Vibraphone](https://resonant-appsoverflow.web.app/instruments/vibraphone/) - [Accordion](https://resonant-appsoverflow.web.app/instruments/accordion/) - [Banjo](https://resonant-appsoverflow.web.app/instruments/banjo/) - [Tune editor](https://resonant-appsoverflow.web.app/studio/editor/) - [DJ machine](https://resonant-appsoverflow.web.app/studio/dj/) - [Karaoke](https://resonant-appsoverflow.web.app/studio/karaoke/) - [Learn](https://resonant-appsoverflow.web.app/learn/) - [Your first arrangement](https://resonant-appsoverflow.web.app/learn/first-piano-arrangement/) - [Keep the mix you heard](https://resonant-appsoverflow.web.app/learn/dj-recording-vs-deck-audio/) - [Record your voice](https://resonant-appsoverflow.web.app/learn/record-karaoke/) - [Sound, saving and backups](https://resonant-appsoverflow.web.app/learn/audio-and-backup-help/) - [Audio credits and licenses](https://resonant-appsoverflow.web.app/audio/ATTRIBUTION.txt)