dataarts/dat.gui

Health v2 · maintenance only

Adoption not part of the score

7725 stars · 1056 forks observed · 2026-08-28

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

dat.GUI is a lightweight JavaScript library that auto-generates a graphical control panel (sliders, color pickers, dropdowns) for tweaking variables in web pages. It is commonly used for interactive demos and visualizations, especially alongside Three.js.

Use cases

• add a control panel to tweak 3D scene parameters in Three.js
• create sliders and color pickers for live variable editing in the browser
• build an interactive demo with adjustable settings
• debug and experiment with animation parameters in real time
• expose configuration options of a creative coding sketch via a GUI

When to choose

• you need a quick, zero-config control panel for tweaking variables in a browser demo
• you are building Three.js or WebGL visualizations and want interactive parameter controls
• you want a tiny dependency with a well-known, simple API

When to avoid

• you need a full production UI framework or accessible form components
• you are building mobile-first user-facing interfaces rather than developer/debug tooling
• you need a modern, themeable component library with active feature development

Facets

library · maturity maintenance

ui-components gui developer-tools web-development frontend developer-tools graphics browser debug-ui parameter-tuning threejs creative-coding sliders javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="dataarts/dat.gui")