dashboards
Audio clock metronome
A metronome that never schedules its pulse with a timer: a 20ms tick looks ahead by a lookahead window and queues each synthesized click at its exact AudioContext time, while the animation frame measures how late the drawing reaches that instant and stacks it into a histogram. A switch replays the same bar with setInterval so the drift over the ideal grid becomes visible.
See it live and copy its promptWhat you can adjust
- BPM
- Beats per bar
- Lookahead window
- Accent color
- Bar accent color
- Indicator size
- Drift histogram
- Animation speed
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
