Repository files navigation

A lightweight graphical user interface for changing variables in JavaScript.

Get started with dat.GUI by reading theAPI documentation.

The easiest way to use dat.GUI in your code is by using the built source atbuild/dat.gui.min.js. These built JavaScript files bundle all the necessary dependencies to run dat.GUI.

In yourhead tag, include the following code:

<scripttype="text/javascript"src="dat.gui.min.js"></script>

$ npm install --save dat.gui

// CommonJS:constdat=require('dat.gui');// ES6:import*asdatfrom'dat.gui';constgui=newdat.GUI();

├── build - Compiled source code.├── src - Source files.└── tests - Tests.

In the terminal, enter the following:

$ npm install$ npm run build

• npm run build - Build development and production version of scripts.
• npm run dev - Build development version of script and watch for changes.

If you're using a server with a Content Security Policy in place that blocks 'unsafe-inline', you will have problems when dat.gui.js tries to inject style information. To get around this, load 'build/dat.gui.css' as an external style sheet.

View theChange Log

The following libraries / open-source projects were used in the development of dat.GUI:

• Rollup
• Sass
• Node.js
• QUnit /jquery