Drum Pad Looper
Layers (0)
Play live, sample your own sounds, loop like a pedal
Drum Pad Looper is built for musicians who want to practice, sketch ideas or warm up without opening a DAW. Nine drum voices — kick, snare, closed and open hat, clap, rim, two toms and a crash — are synthesized live with the Web Audio API, so the kit is ready the instant the page loads. Play with your mouse or touchscreen, or keep both hands on the keyboard using A S D F G H J K L, mapped left to right, top row to bottom row.
Every pad can be replaced with your own sound. Click the microphone icon to record a hit straight from your mic — a kick drum, a tabletop knock, a vocal percussion sound — or click the folder icon to upload an audio file. The recording is trimmed automatically and dropped onto that pad, replacing the synthesized voice until you reset it.
Loop and layer like a pedal, not a grid
There is no BPM to set and no step grid to program. Press REC and start playing — whatever you play before you press STOP becomes the loop, and its length is exactly how long you played. The loop then repeats immediately. Press REC again to record a new layer on top: your hits are captured relative to the loop's position, so they land in the same place every time it repeats, even if you keep recording across several repeats before pressing STOP again — exactly how a hardware loop pedal like a Boss RC or a TC Electronic Ditto builds up a groove.
Each take becomes its own layer with independent mute, solo, volume and delete controls, plus an Undo Last Layer button if a take doesn't work out. Build a beat piece by piece — kick and snare first, then hats, then a fill — and mute layers on the fly to hear how the arrangement builds.
Switch kits, start from a template
Four synthesized kits sit behind the pads — Acoustic, a deep 808, a punchier metallic 909, and a bit-crushed Lo-Fi kit — and switching between them changes the sound of all 9 pads instantly without touching your loop or layers. Any pad carrying your own recorded or uploaded sample ignores the kit switch, since that's your sound, not the synth's.
Not sure where to start? Open 🎵 Templates for a handful of preset grooves — Boom Bap, House, Trap, Dembow, Breakbeat and more — each one a ready-made, already-layered loop you can play along with, mute pieces of, or remix immediately. Build something you like and click 💾 Save template to add it to the same panel for the rest of your session.
Export and keep working
Nothing is saved automatically — like the loop pedal it imitates, the moment you close the tab it's gone. Click Export loop to render the full mix as a WAV file, or export any single layer as its own stem to drop into a DAW project. All rendering happens in your browser; nothing you play, record or export is ever uploaded anywhere.
Drum Pad Looper — every question answered
How to play and record on the pads, how the free-form looper and layering actually works, switching kits and loading loop templates, and how to get a finished loop out as a WAV file.
01. Getting started
How do I play the drum pads?
Click or tap any of the 9 pads. Or use the keyboard: A S D F G H J K L trigger the pads in reading order — top row left to right, then middle row, then bottom row. Both work at the same time, so you can play with one hand on the keys and one on the mouse.
Do I need to press REC before I can hear the pads?
No. Pads always play the instant you click or press a key, whether or not anything is recording — so you can audition sounds and practice freely before you ever touch REC.
What are the 9 drum sounds?
Kick, Snare, Closed Hat, Open Hat, Clap, Rim, Low Tom, Mid Tom and Crash — a compact but complete kit synthesized live, no sample files to download, so the page loads instantly.
02. Recording your own sounds
Can I use my own drum sounds instead of the synthesized kit?
Yes. Click the 🎙 microphone icon on any pad to record a sound from your microphone, or the 📁 folder icon to upload an audio file. Either way, that pad now plays your sample instead of its synthesized sound.
How does recording a sample work?
Click the mic icon once to start recording — the icon pulses red while it's listening. Click it again to stop. Drum Pad Looper trims leading silence automatically and caps the sample to a few seconds, so a hit lands tightly on the beat instead of with a delay.
Can I go back to the original synthesized sound?
Yes. Once a pad has a custom sample, a small ↺ reset icon appears next to it — click it to remove the sample and restore the built-in synthesized voice.
Why does my browser ask for microphone permission?
Recording a sample uses your device's microphone through the browser's standard permission prompt. If you decline or your browser blocks it, the record button simply won't capture audio — uploading a file from the folder icon works regardless.
03. Looping & layering
How does the looper actually work?
Press ● REC and start playing pads. Whatever you play before you press ■ STOP becomes your loop, and its length is exactly how long you played — there's no BPM or bar count to set first. The loop then repeats immediately and continuously.
How do I add more layers on top of the loop?
Once a loop is playing, press ● REC again to arm a new layer. Play along with the loop — your hits are recorded relative to the loop's position, so they land in the same spot on every repeat. Press ■ STOP when you're done. You can keep recording across several repeats of the loop before stopping; every hit from every pass gets folded into that one layer.
Can I mute or remove a layer after recording it?
Yes. Every layer in the list has its own mute, solo, volume slider and delete button, so you can shape the arrangement after the fact — mute the hats to hear just the kick and snare, or solo one layer to check what's on it.
What does Undo Last Layer do?
It removes the most recently recorded layer — useful the moment a take doesn't come out right, without having to find and delete it manually from the layer list.
What happens if I press Clear All?
It removes every layer and resets the loop entirely, so the next take you record sets a brand-new loop length. Your custom pad samples are not affected — Clear All resets the performance, not the kit.
Can I quantize my hits so the timing is perfect?
No — this is a deliberately free-form looper, closer to a hardware loop pedal than a step sequencer. Every hit plays exactly when you played it. If you want a perfectly quantized step-programmed beat instead, try Drum Loop Studio, the grid-based drum machine.
04. Kits & loop templates
Can I switch between different drum kits?
Yes. The kit bar under the LCD switches all 9 pads between four synthesized sound sets: Acoustic (the default, natural-feeling kit), a deep 808, a punchier metallic 909, and a bit-crushed Lo-Fi kit. Switching kits never touches your loop or layers — only the sound changes, exactly like Drum Loop Studio's kit switcher.
What happens to a pad with my own sample when I switch kits?
Nothing — a pad with a custom recorded or uploaded sample always plays that sample, regardless of which kit is selected. The kit only affects pads still using the built-in synthesized sound.
What are loop templates?
Ready-made, already-layered starter loops — open 🎵 Templates and pick one like Boom Bap, House 4-on-Floor, Trap Hats, Dembow, Half-Time, Breakbeat or Afrobeat Groove. It loads instantly as real playable layers, exactly as if you'd recorded it yourself, so you can mute pieces, solo a layer, or record more layers on top.
Can I save my own loop as a template?
Yes. Once you've built a loop you like, click 💾 Save template and give it a name — it's added to the "My templates" section of the same panel so you can reload it later in the same session. Custom templates aren't saved once you close or refresh the page.
05. Sound & performance
Is there any audio latency when I hit a pad?
It's as low as the Web Audio API and your device allow — typically a few milliseconds, tight enough to play along with a loop. The very first sound you trigger on the page may have a brief delay while your browser starts the audio engine; every hit after that is instant.
Does this work on mobile?
Yes. Pads respond to touch, and the layout adapts to a narrower screen. Recording your own sample from the microphone also works on most mobile browsers, subject to the same permission prompt as desktop.
Which browsers are supported?
Any current browser with the Web Audio API — Chrome, Edge, Firefox and Safari on desktop and mobile. No plugins or installs are needed.
06. Export & privacy
Can I export my loop as an audio file?
Yes. Export loop renders the full mixed loop — every unmuted layer — as a WAV file. Each layer also has its own export button so you can pull it out as a separate stem, for example to import into a DAW.
Is anything I play, record or export sent to a server?
No. Sound synthesis, sample recording, loop playback and WAV rendering all happen locally in your browser tab using the Web Audio API. Nothing is uploaded — there is no server involved at any point.
Does my loop save automatically?
No. Everything lives only in the browser tab's memory, just like a hardware loop pedal with no save slot — closing or refreshing the page clears your layers and any recorded samples. Export regularly if you want to keep what you've made.