# dat.GUI A lightweight graphical user interface for changing variables in JavaScript. Get started with dat.GUI by reading the tutorial at http://workshop.chromeexperiments.com/examples/gui. ---- ## Packaged Builds The easiest way to use dat.GUI in your code is by using the built source at `build/dat.gui.min.js`. These built JavaScript files bundle all the necessary dependencies to run dat.GUI. In your `head` tag, include the following code: ``` ``` ---- ## Directory Contents ``` ├── build - Compiled source code. ├── node_modules - External node dependencies. ├── src - Source files. ├── tests - Tests. └── webpack - Webpack config files. ``` ## Building your own dat.GUI In the terminal, enter the following: ``` $ npm run build ``` This will create a namespaced, unminified build of dat.GUI at `build/dat.gui.js` ## Thanks The following libraries / open-source projects were used in the development of dat.GUI: * [require.js](http://requirejs.org/) * [Sass](http://sass-lang.com/) * [node.js](http://nodejs.org/) * [QUnit](https://github.com/jquery/qunit) / [jquery](http://jquery.com/)