Audio UI Components

Envelope size default example

Controlled envelope with a live point count

Vertical fader

Fader component example with horizontal orientation

Pan fader filling from the center: anchored at 0 on a -1…1 range

Knob component example

Filter cutoff knob on a logarithmic scale, 20 Hz to 20 kHz, every decade the same share of the dial

Knob value arc (rail + highlight) and optional anchor range

Meter size default example

Horizontal meter example

Piano size default example

Piano lit from an external source via activeNotes

A DAW-style piano roll, laid out like Sona's note editor, a scrolling roll with a playable keyboard stuck to its side, a loop brace and bar ruler stuck on top, a velocity lane stuck at the bottom and a navigator to zoom across four bars: click to add notes, drag to move or resize either edge, Alt-drag to copy, shift-click to select and move several at once, double-click a note to delete it, Fold to keep only the pitches in use, with a BPM-driven loop that plays back in real time and always-on live preview as you edit. A timeline above the grid lets you click to seek or drag out a loop range to dial in a short phrase instead of always looping the whole grid. Drop a MIDI file onto the panel (or use the Import MIDI button) to load its notes and tempo onto the grid, and Export MIDI to save the current pattern back out as a .mid file

An equalizer: drag each band to set its frequency and gain, and the curve is the response of all three

A low-pass filter: one handle on the resonance peak sets the cutoff and how much it rings

A compressor transfer curve: one handle sets the threshold, the other the ratio

A bar to seek on, with play or pause, the position and the length: a clock stands in for a player, and the bar and the time follow it

A drum machine: draw a pattern and hear it. Press a step or drag across several; the playing column lights up

Pocket synth with oscillator, filter, and XY pad

Wave shaper synth with distortion, tone, and detune controls

An arrangement timeline made for a whole screen: a bar ruler that seeks on the grid, a loop strip, a lane per track with clips to move between tracks, trim and fade on the grid, a cursor to put anywhere on a track, and a split at the cursor, a transport with play or pause, stop, loop, a metronome and a tempo and signature that keep the arrangement's musical positions, a playhead following its clock, and a navigator to zoom and scroll, open it at full size and the tracks take the screen

The transport of a DAW as joined clusters: play or pause, stop and the position in bars, beats and sixteenths; loop and metronome toggles; the tempo and the time signature. A clock stands in for the engine

A waveform player that shows what the waveform does: seek and hover, a loop region with handles, markers and zoom that follows the playhead. It starts on a synthesized phrase and takes any audio file

Waveform default example

Waveform with a resizable loop region, markers and a hover time

Live waveform scrolling with the incoming signal

XYPad with live x/y readout

XYPad with bipolar pan/mix style ranges