Piano roll

View docs

Browse 6 piano roll components for audio/ui, built on top of shadcn/ui.

A MIDI clip editor: a scrolling roll with a playable keyboard down its side, a loop brace and a ruler that labels bars, beats and sixteenths as you zoom, and a velocity lane you can drag taller. The transport plays, pauses and stops, loops or plays once through, clicks a metronome and sets the tempo and signature. Draw or select notes, mark a scale and fold onto it, undo and redo, and edit the selection from the Notes menu: split at the playhead, chop, join, legato, reverse, invert, stretch, fit to scale, crescendo and humanize. Drop a MIDI file on it to import one, or export the clip as a .mid file

A scale menu lighting the keys of the scale it picks

Find notes on a piano roll by pitch, scale, state, velocity, length or chance, and select them

A menu of note edits over a piano roll's selection, beside an item of its own

A one-bar piano roll on loop with a metronome, played by a synth, which hears edits on its next pass

A piano roll that exports its clip as a .mid file and imports one onto its grid, with the file's tempo

Built by Ouest Labs, the source code is available on GitHub.
RSS