← Home
Drum machine
Build a 16-step drum machine with a clickable grid for kick, snare, hi-hat, and clap, all sounds synthesized with the Web Audio API, plus play/stop and an adjustable BPM.
Audio 142 / 142
▶ preview · view live runtime
34.5s
cost
$0.0212
tokens out
3.4k
tokens in
6.2k
▶ preview · view live runtime
651.7s
cost
$0.0361
tokens out
7.5k
tokens in
27k
▶ preview · view live runtime
81.8s
cost
$0.0198
tokens out
6.5k
tokens in
9.7k
▶ preview · view live runtime
78.9s
cost
$0.1081
tokens out
5.1k
tokens in
39k
▶ preview · view live runtime
64.0s
cost
$0.0487
tokens out
5.4k
tokens in
8.4k
▶ preview · view live runtime
166.2s
cost
$0.0029
tokens out
11k
tokens in
53k
▶ preview · view live runtime
66.2s
cost
$0.0101
tokens out
4.4k
tokens in
16k
▶ preview · view live runtime
43.3s
cost
$0.0614
tokens out
9.7k
tokens in
21k
▶ preview · view live runtime
41.5s
cost
$0.0081
tokens out
6.1k
tokens in
19k
▶ preview · view live runtime
54.3s
cost
$0.0057
tokens out
8.7k
tokens in
12k
▶ preview · view live runtime
41.9s
cost
$0.0072
tokens out
5.4k
tokens in
15k
▶ preview · view live runtime
82.6s
cost
$0.0382
tokens out
14k
tokens in
24k
▶ preview · view live runtime
35.8s
cost
$0.0140
tokens out
4.9k
tokens in
14k
▶ preview · view live runtime
59.7s
cost
$0.0110
tokens out
4.5k
tokens in
7.4k
▶ preview · view live runtime
106.9s
cost
$0.0641
tokens out
15k
tokens in
80k
▶ preview · view live runtime
16.6s
cost
$0.0075
tokens out
5.4k
tokens in
15k
▶ preview · view live runtime
568.1s
cost
$0.0179
tokens out
6.8k
tokens in
51k
▶ preview · view live runtime
28.5s
cost
$0.0180
tokens out
3.9k
tokens in
25k
▶ preview · view live runtime
33.0s
cost
$0.0413
tokens out
13k
tokens in
31k
▶ preview · view live runtime
26.2s
cost
$0.0134
tokens out
3.7k
tokens in
5.9k
▶ preview · view live runtime
61.0s
cost
$0.0087
tokens out
5.1k
tokens in
8.5k
▶ preview · view live runtime
287.6s
cost
$0.0463
tokens out
13k
tokens in
38k
▶ preview · view live runtime
383.1s
cost
$0.0117
tokens out
5.4k
tokens in
8.1k
▶ preview · view live runtime
63.6s
cost
$0.0256
tokens out
6.4k
tokens in
16k
▶ preview · view live runtime
180.1s
cost
$0.0160
tokens out
6.4k
tokens in
8.6k
▶ preview · view live runtime
94.3s
cost
$0.0172
tokens out
9.5k
tokens in
114k
▶ preview · view live runtime
169.1s
cost
$0.0157
tokens out
9.2k
tokens in
12k
▶ preview · view live runtime
76.6s
cost
$0.0128
tokens out
5.0k
tokens in
7.8k
▶ preview · view live runtime
55.5s
cost
$0.0071
tokens out
4.4k
tokens in
7.4k
▶ preview · view live runtime
28.9s
cost
$0.0078
tokens out
5.4k
tokens in
8.3k
▶ preview · view live runtime
19.8s
cost
$0.0217
tokens out
6.0k
tokens in
17k
▶ preview · view live runtime
45.0s
cost
$0.0015
tokens out
5.3k
tokens in
7.9k
▶ preview · view live runtime
243.5s
cost
$0.0524
tokens out
31k
tokens in
154k
▶ preview · view live runtime
97.0s
cost
$0.0073
tokens out
5.5k
tokens in
15k
▶ preview · view live runtime
61.5s
cost
$0.0202
tokens out
4.9k
tokens in
7.6k
▶ preview · view live runtime
77.5s
cost
$0.0022
tokens out
4.6k
tokens in
7.1k
▶ preview · view live runtime
99.6s
cost
$0.0251
tokens out
7.0k
tokens in
36k
▶ preview · view live runtime
91.5s
cost
$0.0500
tokens out
5.3k
tokens in
21k
▶ preview · view live runtime
68.6s
cost
$0.2070
tokens out
6.4k
tokens in
19k
▶ preview · view live runtime
68.4s
cost
$0.2265
tokens out
6.0k
tokens in
24k
▶ preview · view live runtime
124.5s
cost
$0.0030
tokens out
5.4k
tokens in
7.2k
▶ preview · view live runtime
142.4s
cost
$0.0123
tokens out
25k
tokens in
22k
▶ preview · view live runtime
17.0s
cost
$0.0105
tokens out
3.0k
tokens in
5.6k
▶ preview · view live runtime
55.6s
cost
$0.0079
tokens out
3.7k
tokens in
6.6k
▶ preview · view live runtime
61.0s
cost
$0.0104
tokens out
12k
tokens in
57k
▶ preview · view live runtime
57.7s
cost
$0.0067
tokens out
9.4k
tokens in
12k
▶ preview · view live runtime
39.8s
cost
$0.0014
tokens out
8.2k
tokens in
23k
▶ preview · view live runtime
85.8s
cost
$0.0150
tokens out
4.9k
tokens in
14k
▶ preview · view live runtime
57.0s
cost
$0.0116
tokens out
4.9k
tokens in
8.1k
▶ preview · view live runtime
59.3s
cost
$0.0121
tokens out
7.3k
tokens in
19k
▶ preview · view live runtime
519.6s
cost
$0.0029
tokens out
5.1k
tokens in
14k
▶ preview · view live runtime
92.8s
cost
$0.0130
tokens out
4.9k
tokens in
14k
▶ preview · view live runtime
49.6s
cost
$0.0200
tokens out
6.5k
tokens in
8.2k
▶ preview · view live runtime
33.4s
cost
$0.0106
tokens out
4.3k
tokens in
18k
▶ preview · view live runtime
74.0s
cost
$0.0238
tokens out
8.4k
tokens in
9.6k
▶ preview · view live runtime
62.5s
cost
$0.0093
tokens out
4.8k
tokens in
7.4k
▶ preview · view live runtime
103.8s
cost
$0.0023
tokens out
6.1k
tokens in
9.2k
▶ preview · view live runtime
7.6s
cost
$0.0038
tokens out
2.4k
tokens in
8.6k
▶ preview · view live runtime
10.1s
cost
$0.0012
tokens out
3.3k
tokens in
4.6k
▶ preview · view live runtime
32.5s
cost
$0.0011
tokens out
3.5k
tokens in
6.2k
▶ preview · view live runtime
28.3s
cost
$0.0025
tokens out
3.7k
tokens in
6.5k
▶ preview · view live runtime
88.6s
cost
$0.0050
tokens out
5.7k
tokens in
8.1k
▶ preview · view live runtime
32.6s
cost
$0.0029
tokens out
3.9k
tokens in
6.7k
▶ preview · view live runtime
92.1s
cost
$0.0118
tokens out
5.4k
tokens in
8.2k
▶ preview · view live runtime
62.0s
cost
$0.0015
tokens out
3.9k
tokens in
5.3k
▶ preview · view live runtime
291.0s
cost
$0.0112
tokens out
5.2k
tokens in
7.9k
▶ preview · view live runtime
58.0s
cost
$0.0027
tokens out
6.4k
tokens in
17k
▶ preview · view live runtime
51.5s
cost
$0.0100
tokens out
4.7k
tokens in
14k
▶ preview · view live runtime
62.3s
cost
$0.0013
tokens out
2.5k
tokens in
5.3k
▶ preview · view live runtime
55.1s
cost
$0.0130
tokens out
4.3k
tokens in
7.3k
▶ preview · view live runtime
98.8s
cost
$0.0056
tokens out
4.8k
tokens in
7.9k
▶ preview · view live runtime
178.4s
cost
$0.0062
tokens out
5.4k
tokens in
17k
▶ preview · view live runtime
71.7s
cost
$0.0038
tokens out
8.9k
tokens in
5.9k
▶ preview · view live runtime
30.6s
cost
$0.0017
tokens out
4.8k
tokens in
7.5k
▶ preview · view live runtime
49.2s
cost
$0.0012
tokens out
6.1k
tokens in
17k
▶ preview · view live runtime
100.3s
cost
$0.0161
tokens out
5.7k
tokens in
15k
▶ preview · view live runtime
63.4s
cost
$0.0003
tokens out
6.6k
tokens in
9.5k
▶ preview · view live runtime
221.5s
cost
$0.0035
tokens out
16k
tokens in
11k
▶ preview · view live runtime
16.8s
cost
$0.0000
tokens out
5.8k
tokens in
8.9k
▶ preview · view live runtime
45.9s
cost
$0.0072
tokens out
5.1k
tokens in
15k
▶ preview · view live runtime
94.1s
cost
$0.0171
tokens out
4.0k
tokens in
6.6k
▶ preview · view live runtime
178.0s
cost
$0.0000
tokens out
8.1k
tokens in
18k
▶ preview · view live runtime
80.0s
cost
$0.0012
tokens out
4.8k
tokens in
7.5k
▶ preview · view live runtime
44.2s
cost
$0.0445
tokens out
7.2k
tokens in
101k
▶ preview · view live runtime
106.1s
cost
$0.0126
tokens out
5.6k
tokens in
6.4k
▶ preview · view live runtime
28.2s
cost
$0.0008
tokens out
4.7k
tokens in
4.6k
▶ preview · view live runtime
8.2s
cost
$0.0049
tokens out
2.4k
tokens in
5.1k
▶ preview · view live runtime
337.0s
cost
$0.0266
tokens out
19k
tokens in
348k
▶ preview · view live runtime
177.4s
cost
$0.0049
tokens out
6.1k
tokens in
24k
▶ preview · view live runtime
62.8s
cost
$0.0007
tokens out
2.8k
tokens in
5.2k
▶ preview · view live runtime
51.3s
cost
$0.0052
tokens out
5.2k
tokens in
30k
▶ preview · view live runtime
47.6s
cost
$0.0140
tokens out
5.4k
tokens in
6.7k
▶ preview · view live runtime
25.3s
cost
$0.0144
tokens out
3.8k
tokens in
5.8k
▶ preview · view live runtime
45.4s
cost
$0.0014
tokens out
5.1k
tokens in
7.5k
▶ preview · view live runtime
53.6s
cost
$0.1707
tokens out
4.9k
tokens in
16k
▶ preview · view live runtime
47.2s
cost
$0.0025
tokens out
5.5k
tokens in
8.6k
▶ preview · view live runtime
80.8s
cost
$0.0051
tokens out
5.2k
tokens in
14k
▶ preview · view live runtime
204.7s
cost
$0.0430
tokens out
9.3k
tokens in
23k
▶ preview · view live runtime
54.6s
cost
$0.0017
tokens out
5.8k
tokens in
8.7k
▶ preview · view live runtime
102.3s
cost
$0.0071
tokens out
13k
tokens in
32k
▶ preview · view live runtime
97.7s
cost
$0.0158
tokens out
6.4k
tokens in
9.0k
▶ preview · view live runtime
23.0s
cost
$0.0019
tokens out
2.6k
tokens in
5.1k
▶ preview · view live runtime
149.6s
cost
$0.0293
tokens out
8.7k
tokens in
11k
▶ preview · view live runtime
25.5s
cost
$0.0010
tokens out
4.1k
tokens in
6.9k
▶ preview · view live runtime
70.8s
cost
$0.0026
tokens out
4.4k
tokens in
7.2k
▶ preview · view live runtime
12.7s
cost
$0.0009
tokens out
1.7k
tokens in
3.9k
▶ preview · view live runtime
63.3s
cost
$0.0051
tokens out
5.6k
tokens in
8.7k
▶ preview · view live runtime
43.6s
cost
$0.0052
tokens out
4.1k
tokens in
7.0k
▶ preview · view live runtime
148.1s
cost
$0.0229
tokens out
5.0k
tokens in
14k
▶ preview · view live runtime
8.8s
cost
$0.0057
tokens out
2.9k
tokens in
5.5k
▶ preview · view live runtime
14.6s
cost
$0.0006
tokens out
3.7k
tokens in
11k
▶ preview · view live runtime
104.0s
cost
$0.0082
tokens out
17k
tokens in
40k
▶ preview · view live runtime
34.7s
cost
$0.0035
tokens out
2.6k
tokens in
5.2k
▶ preview · view live runtime
18.4s
cost
$0.0005
tokens out
2.2k
tokens in
5.6k
▶ preview · view live runtime
117.0s
cost
$0.0060
tokens out
2.9k
tokens in
14k
▶ preview · view live runtime
34.1s
cost
$0.0023
tokens out
1.1k
tokens in
4.7k
▶ preview · view live runtime
11.5s
cost
$0.0007
tokens out
1.7k
tokens in
5.2k
▶ preview · view live runtime
16.1s
cost
$0.0003
tokens out
1.1k
tokens in
4.0k
▶ preview · view live runtime
82.1s
cost
$0.0030
tokens out
4.6k
tokens in
7.2k
▶ preview · view live runtime
600.0s
cost
$0.0733
tokens out
39k
tokens in
2307k
▶ preview · view live runtime
45.2s
cost
$0.0082
tokens out
3.7k
tokens in
6.5k
▶ preview · view live runtime
22.1s
cost
$0.0010
tokens out
1.0k
tokens in
3.3k
▶ preview · view live runtime
8.0s
cost
$0.0004
tokens out
1.4k
tokens in
4.7k
▶ preview · view live runtime
363.2s
cost
$0.0692
tokens out
78k
tokens in
801k
▶ preview · view live runtime
23.0s
cost
$0.0010
tokens out
1.1k
tokens in
4.2k
▶ preview · view live runtime
33.1s
cost
$0.0080
tokens out
5.7k
tokens in
8.5k
▶ preview · view live runtime
13.4s
cost
$0.0009
tokens out
3.7k
tokens in
13k
▶ preview · view live runtime
63.7s
cost
$0.0055
tokens out
21k
tokens in
25k
▶ preview · view live runtime
6.6s
cost
$0.0000
tokens out
251
tokens in
4.6k
▶ preview · view live runtime
105.3s
cost
$0.0017
tokens out
3.9k
tokens in
6.5k
▶ preview · view live runtime
10.0s
cost
$0.0008
tokens out
877
tokens in
3.1k
gemini-3.7-flashGoogle
agent produced no index.html
See transcript →runtime
565.0s
cost
$0.0009
tokens out
252
tokens in
1.2k
deepseek-chat-v3.1DeepSeek
agent produced no index.html
See transcript →runtime
—
cost
$0.0003
tokens out
146
tokens in
1.6k
deepseek-v3.2-expDeepSeek
agent produced no index.html
See transcript →runtime
514.7s
cost
$0.0005
tokens out
81
tokens in
1.6k
qwen3-coder-flashQwen
agent produced no index.html
See transcript →runtime
55.2s
cost
$0.0060
tokens out
6.1k
tokens in
1.7k
gpt-3.5-turboOpenAI
agent produced no index.html
See transcript →runtime
7.9s
cost
$0.0020
tokens out
937
tokens in
1.2k
deepseek-r1DeepSeek
agent produced no index.html
See transcript →runtime
351.7s
cost
$0.0266
tokens out
11k
tokens in
1.9k
gpt-5.1-codex-miniOpenAI
agent produced no index.html
See transcript →runtime
8.6s
cost
$0.0012
tokens out
584
tokens in
1.2k
deepseek-r1-0528DeepSeek
agent produced no index.html
See transcript →runtime
312.2s
cost
$0.0155
tokens out
6.8k
tokens in
1.5k
llama-4-scoutMeta · Llama
agent produced no index.html
See transcript →runtime
9.2s
cost
$0.0004
tokens out
749
tokens in
1.5k
deepseek-chatDeepSeek
agent produced no index.html
See transcript →runtime
24.8s
cost
$0.0021
tokens out
2.2k
tokens in
1.6k
gpt-4.1-miniOpenAI
agent produced no index.html
See transcript →runtime
33.0s
cost
$0.0046
tokens out
2.6k
tokens in
1.2k