Skip to content

Instantly share code, notes, and snippets.

@SMUsamaShah

SMUsamaShah/List of JavaScript GUI libraries.md

Last active October 9, 2025 03:37
Show Gist options
  • Save SMUsamaShah/71d5ac6849cdc0bffff4c19329e9d0bb to your computer and use it in GitHub Desktop.
Save SMUsamaShah/71d5ac6849cdc0bffff4c19329e9d0bb to your computer and use it in GitHub Desktop.
Download ZIP
dat.gui alternatives to create GUI from JavaScript object
Raw
List of JavaScript GUI libraries.md

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/

@venivediveci
Copy link

  1. leva, https://github.com/pmndrs/leva

@443pablo
Copy link

react :/

@MaximilianKellner
Copy link

Thanks alot!

@technbuzz
Copy link

So the most updated one is Twekpane.

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