Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@SMUsamaShah
Last active April 4, 2024 07:29
Show Gist options
  • Star 68 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save SMUsamaShah/71d5ac6849cdc0bffff4c19329e9d0bb to your computer and use it in GitHub Desktop.
Save SMUsamaShah/71d5ac6849cdc0bffff4c19329e9d0bb to your computer and use it in GitHub Desktop.
dat.gui alternatives to create GUI from JavaScript object

JavaScript GUI libraries

These libraries can be used to quickly create a GUI for configureable parameters using sliders, checkboxes, colors pickers etc

  1. Tweakpane https://github.com/cocopon/tweakpane Demo: https://cocopon.github.io/tweakpane/
  2. control-panel https://github.com/freeman-lab/control-panel
  3. ControlKit https://github.com/automat/controlkit.js
  4. guify https://github.com/colejd/guify Main site is down, here is the demo https://jons.website/projects/guify/index
  5. oui https://github.com/wearekuva/oui
  6. Palette.js https://github.com/lehni/palette.js
  7. QuickSettings https://github.com/bit101/quicksettings
  8. PaperGUI https://github.com/google/paper-gui dat.GUI clone by Google. Demo https://raw.githack.com/google/paper-gui/gh-pages/demo.html
  9. lil-gui https://github.com/georgealways/lil-gui Demo: https://lil-gui.georgealways.com/
  10. dat.GUI https://github.com/dataarts/dat.gui

Because RawGit is shutting down, use https://htmlpreview.github.io/ to preview HTML directly from github. Another alternative is https://raw.githack.com/

@tynrare
Copy link

tynrare commented Jan 12, 2022

Thanks!

@prKassad
Copy link

prKassad commented May 7, 2022

Thanks!

@amirrezasalimi
Copy link

thanks

@amir-arad
Copy link

thanks!

@stretch07
Copy link

Whoa thanks! Was looking for an alternative to lilgui, i think tweeakpane does the trick 👍

@dawidjaniga
Copy link

Thanks!

@HassanNiazi
Copy link

Thanks

@venivediveci
Copy link

@stretch07
Copy link

react :/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment