Back to ToolKnit
Blog Tool Tales

MIDI Keyboard Online

Play with your keyboard or mouse. Record your performance. Export a .mid file you can open in any DAW. Free, browser-based, no signup.

8 Instrument Timbres Record & Playback Export .mid Sustain Pedal Web MIDI Output
C4 – B5
BPM
Ready to record

Keys: Z–M lower octave   Q–U upper octave   Space Sustain toggle   ←→ Octave   Ctrl+S Export

How to use the MIDI keyboard

Three steps from idea to .mid file.

1

Pick a timbre & play

Choose Grand Piano, Organ, Synth, Strings, Pipa, Guitar, Flute, or Music Box. Play with your computer keyboard (Z-M + Q-U), mouse, or touch. Shift octaves with arrow keys.

2

Hit REC & perform

Click REC and play your melody. Every note and its timing is captured. Use the sustain pedal (Space) for legato phrases.

3

Export .mid & open in DAW

Click Export (or Ctrl+S) to download a standard MIDI file. Drag it into Ableton, FL Studio, Logic Pro, GarageBand, or any DAW. Playback first to verify.

Why use this online MIDI keyboard?

8 Instrument Timbres — Zero Audio Files

Grand Piano, Electric Organ, Synth Lead, String Ensemble, Pipa, Guitar, Flute, and Music Box. All sounds are generated in real time by the Web Audio API with multi-oscillator synthesis and ADSR envelopes.

Standard .mid File Export

Your recording is exported as a Format 0 MIDI file with proper tempo events and delta-time encoding. Compatible with every DAW and MIDI sequencer.

Full Computer Keyboard Mapping

Two rows cover two octaves simultaneously. Z–M for the lower octave, Q–U for the upper. Black keys sit on the letter and number rows in between. Play chords by pressing multiple keys at once.

Web MIDI Output — Send to Any DAW Live

Plug in a USB MIDI interface or virtual MIDI cable, select it from the device dropdown, and every note you play is sent out in real time. Program changes map timbres to General MIDI instruments automatically (Chrome & Edge).

100% Private & Works Offline

All synthesis and recording happens in your browser. No audio is sent to any server. Once loaded, the keyboard works offline via the service worker.

Pro Tips

  • ●Toggle the sustain pedal with Space. Notes keep ringing until you switch it off.
  • ●Use the arrow keys to shift octaves and reach a wider pitch range.
  • ●Play back your performance before exporting to verify that the recording sounds right.
  • ●Set the BPM before recording so the .mid file carries the correct tempo.
  • ●The Synth Lead timbre works especially well for bass lines in lower octaves.
  • ●Pair this keyboard with the Metronome to record in time.
  • ●Connect a MIDI output from the plug dropdown to send notes to your DAW in real time (Chrome/Edge).
  • ●Pipa (琵琶) has a sharp pluck attack that suits fast melodic runs and Chinese music styles.
  • ●Guitar (吉他) works well for strumming patterns in mid-range octaves (C3–C5).
  • ●Flute (笛子) sounds best in higher octaves (C5+) with sustain for long, breathy notes.
  • ●Music Box (音乐盒) has a quick decay that is ideal for lullabies and delicate melodies.

FAQ

Frequently Asked Questions

Yes. The ToolKnit MIDI Keyboard is 100% free with no signup, no ads, and no installation. It runs entirely in your browser using the Web Audio API.
Yes. Click the Export button (or press Ctrl+S) after recording to download a standard .mid file that you can open in any DAW like Ableton, FL Studio, Logic Pro, or GarageBand.
The lower row (Z-M) plays one octave and the upper row (Q-U) plays the next octave. Black keys are on S, D, G, H, J and 2, 3, 5, 6, 7. Use arrow keys to shift octaves, and Space for the sustain pedal.
Yes. Tap the piano keys directly on your phone or tablet. Multi-touch is supported so you can play chords.
Eight timbres are built in: Grand Piano, Electric Organ, Synth Lead, String Ensemble, Pipa (琵琶), Guitar (吉他), Flute (笛子), and Music Box (音乐盒). All sounds are generated in real time by the Web Audio API; no audio files are loaded.