Edit drumkit

Play, rename or replace each sound with your own WAV file, add sounds, or remove rows you don't need. Your WAV files are kept in this browser, and Save song can put them into the song file.

    Save song

    Saves all registers, tempo, mixer and effects. The name is also stored in the file.

    Share song

    This song has no notes yet. Set some steps, then share it.

    Send feedback

    What works, what's missing, what bugs you? I read every message.

    Duplicate register 1 to…

    A register that has notes gets this one's notes instead.

    CoffeeDrums app icon

    CoffeeDrums

    How it works

    Grid
    Click a step to set or clear a hit; click an instrument name to hear it. Right-click a step to set its velocity (shown as a lighter color) and to play it 2 to 4 times within the step (shown as a number). Ctrl+click (⌘+click on a Mac) adds a hit to a step, Shift+click takes one away.
    Registers
    Playback moves to the next register that has notes after step 16, and back to the first one after the last. Lock keeps looping the current register. Picking a register while playing queues it for the next bar. Right-click a register to clear it or duplicate it to another one.
    Finger drums
    Turn on Finger drums in the toolbar to play the kit with Q W E R T (cymbal, clap, cowbell, high and mid tom) and A S D F G (low tom, open hat, closed hat, snare, kick). Record starts playback and writes each hit, from a key or a click on an instrument name, to the nearest 16th step of the playing register.
    Song files
    File › Save song writes all registers, tempo, mixer and effects to a .json file (format "coffeedrums", version 1). If the kit has your own samples, they can go into the file too. File › Load song reads it back; settings a file doesn't contain keep their defaults.
    Effects
    Low pass and high pass filters, compression, reverb (Room, Plate, Hall, Cathedral, Spring) and a tempo-synced delay from 1/2 to 1/64, straight, dotted or triplet, in mono or ping-pong. Reverb and delay are sends: the dry kit stays at full level and Amount sets how much echo or room is added.
    Swing
    Delays every second 16th note (each "e" and "a"). 0% is straight, 100% puts it three quarters of the way through the 8th note. Double-click the slider to reset it.
    Shortcuts
    Space play or stop, L lock, 1–8 pick a register, Ctrl+S save, Ctrl+O load.
    CoffeeDrums app icon

    CoffeeDrums

    In-browser drum machine

    Your web based drum machine. Rebuild patterns you know, or invent some new ones. And have fun.

    CoffeeDrums is a project made for the fun of it.

    Drum kit
    Samples of a Roland TR-808, from the hyperreal.org TR-808 archive, served from this site. Your own WAV files are kept in this browser.

    If you want to hang out with me or the community, or chat about this or other project ideas, join our Coffee corner.

    Made with ♥ by Georg Tavonius

    If you like this tool, you can buy me a coffee:

    Buy me a coffee

    This is a free CoffeeApps app.

    · Imprint · Privacy

    Register 1

    1
    e
    &
    a
    2
    e
    &
    a
    3
    e
    &
    a
    4
    e
    &
    a
    Volume
    Pitch
    60
    0
    75
    0
    55
    0
    80
    0
    80
    0
    80
    0
    55
    0
    65
    0
    85
    0
    100
    0

    Registers

    Playback chains through registers with notes. While playing, a picked register plays after the current bar.

    Effects

    Low pass

    12 dB/oct · cuts above the cutoff

    High pass

    12 dB/oct · cuts below the cutoff

    Compression

    Evens out peaks of the whole kit

    Reverb

    Puts the kit in a room

    Delay

    Echoes in time with the tempo
    Time
    Feel
    Stereo
    Effects run on the whole kit, after the mixer: filters first, then reverb and delay are mixed in, then compression. Drag sideways on a filter display to move its cutoff.

    CoffeeDrums: a drum machine in your browser

    CoffeeDrums is a drum machine that runs right in your browser. Program beats on a 16-step grid with the sounds of a Roland TR-808 or with your own WAV samples. There is nothing to install and you don't need an account.

    Rebuild patterns you know, try out new grooves, or play the drums live on your keyboard. Save your songs as files and load them again later.

    How to program your first beat

    1. In the Kick row, click steps 1, 5, 9 and 13: that's a straight four-on-the-floor.
    2. Put the snare or the clap on steps 5 and 13, so the backbeat lands on two and four.
    3. Fill the closed hi-hat on every other step, or on all 16 for more drive.
    4. Press Space to play and set the tempo in BPM. Swing gives the 16th notes a looser groove.
    5. Right-click a step to change its velocity or to play it 2 to 4 times within the step, for quick hi-hat rolls.
    6. Save the song with File › Save song so you can pick it up later.

    What CoffeeDrums can do

    TR-808 kit and your own samples
    Ten sounds of a Roland TR-808, from kick and snare to cowbell and toms. In the drum kit you swap any sound for a WAV file of your own, which stays in your browser.
    Eight registers
    Each register is a 16-step pattern. After the last step playback moves on to the next register with notes, so you can build verse, fill and chorus. Lock loops the current register.
    Finger drums and recording
    Play the kit with Q W E R T and A S D F G. Record writes each hit to the nearest 16th step of the playing register.
    Effects
    Low pass and high pass filters, compression, reverb (Room, Plate, Hall, Cathedral, Spring) and a tempo-synced delay from 1/2 to 1/64, straight, dotted or triplet, in mono or ping-pong.
    Swing
    Delays every second 16th note, from straight to a heavy shuffle.
    Songs as files
    All registers, tempo, mixer and effects go into a JSON file, with your own samples if you like.

    Questions and answers

    Do I need an account for CoffeeDrums?

    No. The drum machine runs in your browser without a login. An account is optional.

    What does CoffeeDrums cost?

    You can use CoffeeDrums without paying. If you like it, you can buy me a coffee.

    What does a TR-808 sound like?

    The Roland TR-808 is an analog drum machine from 1980. Its deep, long-decaying kick, its clap and its cowbell still shape hip-hop, trap, electro and house. CoffeeDrums uses samples of a real TR-808 from the hyperreal.org TR-808 archive.

    Can I use my own drum samples?

    Yes. In Drumkit › Edit drumkit you replace any sound with a WAV file. The files stay in your browser and are not uploaded.

    Where are my songs stored?

    In a file on your device: File › Save song writes it, File › Load song reads it back. Your browser also keeps the song you worked on last.

    Which keyboard shortcuts are there?

    Space plays and stops, L toggles Lock, 1 to 8 pick a register, Ctrl+S saves and Ctrl+O loads a song (⌘ on a Mac).