How to Compose and Share a Song Online with JummBox
JummBox is a browser-based tool for sketching and sharing instrumental music, and you can start writing a song in it without installing anything. The workflow is: click notes into patterns, arrange those patterns across rows to build sections, then copy the URL — which always contains your full song — to save or share it. This guide covers that path from empty editor to shareable link, plus the editing shortcuts and note controls that make it faster.
Getting notes into the editor
The note grid is the core of the tool. Click the gray rows at the top to add or remove notes, and JummBox plays each note out loud as you place it, so you can hear what you're writing instead of guessing.
Notes live inside patterns, and you edit one pattern at a time. The numbered boxes at the bottom of the editor are those patterns. Click a box to jump to a different part of the song, or click the arrows on the currently selected box to swap which pattern plays during that part.
JummBox can play several rows of patterns at once, and each row has its own set of patterns. Most rows handle melodies or harmonies; the bottom row is reserved for drums.
Shaping a single note
Once a note exists, you can change how it behaves:
- Duration — click and drag horizontally on a note.
- Chords — click above or below an existing note to add notes that play simultaneously.
- Bulk moves — long-press in the pattern editor to select a time range, then drag to move multiple notes together.
- Pitch bend — drag vertically from an existing note.
- Volume — drag vertically from above or below the note. Hold Control while doing this for fine adjustment.
Arranging patterns into a song
Patterns are the building blocks; the rows and numbered boxes are how you sequence them. A practical way to work:
- Write a short melodic idea in one pattern.
- Copy it to another pattern slot and vary it for a second section.
- Assign patterns to the numbered boxes so the song plays section A, then section B, then back to A.
- Add a drum pattern on the bottom row so the sections have a rhythmic base.
If you want to reuse material across the arrangement, select part of the pattern grid by clicking and dragging, then press C to copy and V to paste — this works for mass copy/paste of song parts, not just single notes.
Keyboard shortcuts worth learning
JummBox responds to shortcuts when its interface has focus, so click on the editor first.
| Key | Action |
|---|---|
| Spacebar | Play or pause the song |
| Shift + Spacebar | Play from the mouse location |
| Z | Undo |
| Y or Shift + Z | Redo |
| C | Copy pattern from selection |
| V | Paste pattern into selection |
| 0–9 | Assign a pattern number to the selection |
| Arrow keys | Move selection |
| Ctrl + Arrows | Rearrange channels |
| [ ] | Move the playhead backward or forward |
| F / H | Jump to the first or highlighted pattern |
| Shift + Drag | Select part of a pattern |
The edit menu holds more shortcuts than the ones listed here, so it's worth opening when you need something not covered above.
Saving and sharing your song
There is no separate save step to remember: all song data is contained in the URL at the top of your browser, and that URL updates every time you change the song. When you're happy with the result, copy the URL and paste it wherever you want to keep or send it. Anyone opening that link gets the song as you left it.
This also means the URL is the song — if you lose the link, you lose that version, so copy it before you start experimenting further.
Where to go next
JummBox has more features than the note grid alone suggests. The buttons and menus on the right side are the place to explore, and clicking the label next to any option shows a description of what it does. Some functions are deliberately tucked away — for example, modulator channels have their own hidden interactions — so when something in the interface looks inert, check its label before assuming it does nothing.