cocopon/tweakpane

Health v2 · maintenance only

Adoption not part of the score

4579 stars · 131 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Tweakpane is a compact, dependency-free JavaScript library for building control panes that fine-tune parameters and monitor value changes in web applications. It offers bindings for numbers, strings, booleans, colors, and points, plus folders, tabs, buttons, theming, and a plugin system.

Use cases

• tune shader or animation parameters in real time in the browser
• add a dat.GUI-style debug panel to a Three.js or creative-coding project
• monitor changing values like FPS or variables during development
• build an adjustable settings panel for a canvas or WebGL demo
• replace dat.GUI with a cleaner, maintained alternative
• export and import parameter configurations as JSON

When to choose

• you need a lightweight, zero-dependency parameter control pane for web graphics or creative coding
• you want TypeScript definitions, theming, and plugin extensibility
• you are migrating from dat.GUI and want a modern maintained library

When to avoid

• you need a full production settings UI for end users rather than a developer tuning pane
• you need a React/Vue component library with form validation and persistence
• you are building a native desktop or mobile app outside the browser

Facets

library · maturity stable

ui-components gui data-visualization web-development frontend graphics developer-tools browser cross-platform tweakpane dat-gui-alternative parameter-tuning creative-coding zero-dependency typescript debug-ui web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="cocopon/tweakpane")