Tweakpane

Tuning animation speed, colors or physics usually means editing a number and refreshing, again and again. Tweakpane is a compact panel library that binds variables to sliders, color pickers and dropdowns so changes apply live, and it can monitor values with graphs. It has no dependencies and is a favorite debug panel in Three.js and creative coding. MIT licensed.

Features

Bindings: controls for numbers, strings, booleans, colors and points.

Monitors: multiline logs, buffered values and graphs.

Layout: folders, tabs and buttons to organize the panel.

Presets and plugins: import and export values; themes and plugin extensions.