List of JavaScript GUI Control libraries (dat.GUI alternatives)

2020/09/09

These libraries can be used to quickly create a GUI for configureable parameters using sliders, checkboxes, colors pickers etc. dat.GUI is the most famous one and can be found in many canvas based demos. This is a list of dat.GUI and it’s alternatives.

To view preview HTML directly from Github you can use https://htmlpreview.github.io/ or https://raw.githack.com/ (rawgit bookmarklet). I have added raw.githack links for some demos.

  1. dat.GUI https://github.com/dataarts/dat.gui

  2. Tweakpane https://cocopon.github.io/tweakpane/

  3. control-panel https://github.com/freeman-lab/control-panel
    Demo: http://control-panel.surge.sh/

  4. ControlKit https://github.com/automat/controlkit.js
    Demo: https://raw.githack.com/automat/controlkit.js/master/examples/03_components/index.html

  5. guify https://github.com/colejd/guify
    Demo: https://jons.website/projects/guify/

  6. oui https://github.com/wearekuva/oui

  7. Palette.js https://github.com/lehni/palette.js
    Demo: https://raw.githack.com/lehni/palette.js/master/example/index.html

  8. QuickSettings https://github.com/bit101/quicksettings

  9. PaperGUI https://github.com/google/paper-gui
    dat.GUI clone by Google.
    Demo: https://raw.githack.com/google/paper-gui/gh-pages/demo.html

  10. yagui https://github.com/stephomi/yagui
    Demo: https://stephaneginier.com/archive/yagui/

  11. guigui https://github.com/superguigui/guigui

This list is being maintained with Dynalist

>> Home