#FFC4D6 TYPE: AUDIO

Grid.fm

A 16-step drum machine that lives in a URL.

Stack
WebAudio
AudioWorklet
Footprint
12kb total
0 dependencies
Built
Two weeks
Jan 2025

The whole pattern is encoded in the fragment identifier, so a track is a link. Paste it anywhere and it plays exactly as written.

How it works

Scheduling runs in an AudioWorklet against the audio clock rather than setTimeout, so the groove does not drift when the tab is throttled.

Notes

Sixteen steps, eight voices, swing in one-percent increments.

Changelog

  • v2.0 — Moved scheduling into an AudioWorklet.
  • v1.3 — Swing control and per-voice mute.
  • v1.0 — First release.

Features

03 included
Pattern in the URL
The link is the file format.
AudioWorklet clock
No drift under tab throttling.
Swing control
One-percent increments, live.
grid-fm.example.dev — live
Screenshot of Grid.fm
No cookies APP 04 / 13