An open source library of hardware-inspired UI controls for p5.js sketches — faders, rotary knobs, XY pads, step-sequencer grids, VU meters, LED displays, ADSR envelopes, menus, dialogs, and more. Built by David Stein and hosted at procontrols.org. Drop in one script tag, set a style, and your controls wire themselves up — no event handlers, no layout math, no boilerplate. Eight built-in themes (black, stainless, white, brushed, red, blue, yellow, dimpled) plus touch support out of the box.
Built something cool with ProControls for p5.js? Send us a link and we'll highlight your project here.
learnProControls@gmail.comChoose a section below to dive into the details of each control type.
Vertical and horizontal faders, multi-touch sliders, range sliders, and rotary dials.
View documentation →XY pads, grid pads, and a fully interactive piano keyboard with MIDI support.
View documentation →Switches, dropdowns, tag selectors, and slider-based selectors for picking from lists.
View documentation →VU meters, LED displays, ADSR envelopes, graphs, heatmaps, and data views.
View documentation →Eight built-in themes and guide to customizing colors and appearance.
View documentation →