The groove is the 40 milliseconds a grid throws away, so we built a beat studio that gives them back, in a browser tab

Description and use

<p><em>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <p>At 90 BPM a sixteenth note lasts <strong>166.7 ms</strong>. Swing at 50% pushes every second one of them late by <strong>41.7 ms</strong>. That is the entire difference between a hi-hat that marches and one that bounces, and it is shorter than one frame of most phone videos.</p> <p>A plain step grid snaps every hit onto those 166.7 ms boundaries and throws the 40 ms away. We built one that keeps them, and then asked a harde

Problem

<p><em>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <p>At 90 BPM a sixteenth note lasts <strong>166.7 ms</strong>. Swing at 50% pushes every second one of them late by <strong>41.7 ms</strong>. That is the entire difference between a hi-hat that marches and one that bounces, and it is shorter than one frame of most phone videos.</p> <p>A plain step grid snaps every hit onto those 166.7 ms boundaries and throws the 40 ms away. We built one that keeps them, and then asked a harde

Outcome

<p><em>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <p>At 90 BPM a sixteenth note lasts <strong>166.7 ms</strong>. Swing at 50% pushes every second one of them late by <strong>41.7 ms</strong>. That is the entire difference between a hi-hat that marches and one that bounces, and it is shorter than one frame of most phone videos.</p> <p>A plain step grid snaps every hit onto those 166.7 ms boundaries and throws the 40 ms away. We built one that keeps them, and then asked a harde

Evidence

The groove is the 40 milliseconds a grid throws away, so we built a beat studio that gives them back, in a browser tab

Source