Hardware-style UI components for p5.js — sliders, knobs, VU meters, XY pads, LED displays, and switches. Four built-in visual styles, touch-ready, zero event boilerplate.
Vertical or horizontal fader with dB, raw, or percent readout. Supports spring-back and multiple visual styles.
Bank of faders in one unit — ideal for EQ strips or mixer channels. Fires a single onChange with all values.
Dual-handle slider for selecting a low/high range. Works vertically or horizontally.
Rotary knob with four visual styles — default, rubber, grooved, and pointer. Drag or scroll to adjust.
Bank of rotary knobs in horizontal or vertical layout. Single onChange fires with all values.
Two-axis touch pad with independent X and Y ranges. Optional spring-back to center on release.
Grid of cells with toggle, percent, or color-select modes. Supports grouping for step-sequencer layouts.
Multi-state toggle — binary on/off or n-state selector. Fires onChange with the new state index and label.
Material icon button in momentary or toggle mode. Uses any Material Symbols icon name.
Option picker in row or arrow-dropdown style. Click to cycle or jump directly to any option.
Multi-select word-cloud picker. Toggle individual tags on or off; onChange reports the full selection set.
Slide-to-select strip — drag or snap through a list of labeled options.
Menubar or popup with nested submenus. Anchors to any edge or floats as a context menu.
Draggable, scrollable container for grouping controls. Add any control with pnl.add().
Modal dialog with a message and configurable button row. Fires onButton with the index and label clicked.
Modal dialog with a text input field. Fires onSubmit with the entered value and onButton per button click.
Segmented LED-style level meter. Optional fader overlay. Set .value each frame to animate.
Arc-style level meter with optional knob overlay. Driven by setting .value each frame.
Horizontal numeric LED display with configurable digit count, color, and dB or raw readout modes.
Visual envelope display with draggable attack, decay, sustain, and release handles.