gitwtfhub

wtf is dubpadfx?

swanboccella/dubpadfx — explained in plain English

Analysis updated 2026-05-18

4HTMLAudience · generalComplexity · 1/5LicenseSetup · easy

TL;DR

A single HTML file sample pad app for live dub and sound effects performance, with a built in tape echo and reverb.

Mindmap

mindmap
  root((DUB FX PAD))
    What it does
      Sample pad
      Tape echo effect
      Spring reverb
    Tech stack
      HTML
      Web Audio API
      IndexedDB
    Use cases
      Live dub performance
      Sound effects board
      Mixing samples
    Audience
      Musicians
      Sound performers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Trigger sound effects and samples live for dub or sound system performance.

REASON 2

Run a dub style tape echo and spring reverb on any loaded sound.

REASON 3

Organize a personal library of sound effects into custom categories.

REASON 4

Mix and reorder sample pads for a live DJ or foley session.

What's in the stack?

HTMLJavaScriptWeb Audio APIIndexedDB

How it stacks up

swanboccella/dubpadfxasabeneh/speaksuomibmschmidt/bookwormblog
Stars444
LanguageHTMLHTMLHTML
Last pushed2026-05-292015-05-22
MaintenanceMaintainedDormant
Setup difficultyeasyeasymoderate
Complexity1/51/53/5
Audiencegeneralgeneralresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Just open the HTML file in a browser, no build step or install needed.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

Wtf does this do

DUB FX PAD is a browser based sample pad built for playing sound effects live, aimed at dub music, sound system, and live performance use, with a built in tape echo and spring reverb effect modeled after a classic Roland space echo unit. The whole thing lives inside a single HTML file, so there is no installation, no server, and no accounts. You just open the file in a browser and it works, even offline once it has loaded. You load your own audio files in common formats like MP3 or WAV and they become tappable pads, which you can organize into categories such as sweeps, lasers, one shots, sirens, and ambient effects, or your own custom categories. Every pad can be muted, favorited, renamed, moved, or reordered, and long pressing or right clicking a pad opens a menu with those options. Everything you load and every setting you change is saved locally on your device using the browser's storage, so nothing is uploaded anywhere and your sound library survives closing and reopening the page. The echo and reverb section sits at the bottom of the screen with controls for delay time, feedback, spring reverb amount, dry versus wet mix, and master volume, plus five preset modes ranging from a clean dry sound to a heavy deep dub setting. You can also tap a button to set the delay speed by feel, matching it to a beat. A full mixer view lets you adjust the volume and echo send of each individual sound separately. The project is meant to be run by opening the file directly, though the author suggests serving it from a small local web server if you plan to test it on a phone, since some mobile browsers restrict certain storage features when opening files directly. It works in any modern browser that supports the Web Audio API and offline storage, on both desktop and mobile, and it requires you to tap a power on button once to start the audio engine, which browsers require before sound can play. It is released under the MIT License.

Yoink these prompts

Prompt 1
Explain how the tape delay and spring reverb engine works in this file.
Prompt 2
Help me add a new custom category with its own icon and color.
Prompt 3
Show me how to serve this HTML file locally so I can test it on my phone.
Prompt 4
Walk me through the CAT_ICON_GUESS keyword list for automatic pad icons.

Frequently asked questions

wtf is dubpadfx?

A single HTML file sample pad app for live dub and sound effects performance, with a built in tape echo and reverb.

What language is dubpadfx written in?

Mainly HTML. The stack also includes HTML, JavaScript, Web Audio API.

What license does dubpadfx use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is dubpadfx to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is dubpadfx for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.