Synth Pad
A playable 4×4 pad grid with Web Audio notes, velocity glow, keyboard play, a 16-step sequencer and tempo and level knobs.
Preview
Tempo
Level
Selected C4. Click steps to place it.
Tap pads (harder towards the bottom) or use 1–4, Q–R, A–F, Z–V. Sounds are made in your browser; turn your volume down first.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| notes | PadNote[] | C minor pentatonic ×16 | { name, freq } per pad, low to high. |
| steps | number | 16 | Steps in the sequencer row. |
| defaultTempo | number | 112 | Starting tempo in BPM (60–180). |
| defaultPattern | (number | null)[] | all rests | Pad index per step, or null for a rest. |
| onNote | (pad: number, velocity: number) => void | — | Called for every note played. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.