Lib: why changed dat.gui to lil-gui?


Some time ago I was familiar that three js used dat.gui lib for UI controls, but now I see that it is replaced by lil-gui.

I need similar library for my other projects and want to choose best lib for myself and if someone can help with explain why it was replaced and what is good in new library it will be pleasure to me.

dat-gui is no longer maintained, and hasn’t been updated in two years. A few options that are very similar, but still updated, would be:

lil-gui is basically a drop-in replacement for dat-gui, so that’s the easiest upgrade. Leva’s similar but specialized for React. Tweakpane has a good plugin ecosystem if you need more UI options. All good choices in my opinion.


I’m a fan of the old dat.gui.

It continues to work well, and will stand the test of time because of it’s simplicity.

But, lets just imagine hypothetically, that all the GUI developers in the world just suddently stopped maintaining their libraries. You could always just add your own HTML controls over your top of your canvas element.


1 Like

I’ve used both lil-gui and tweakpane, and both leave a bit to be desired imo. but in a way… it encourages you to treat them as debugging tools and not to build grander UI around them, which might be a good thing. Keeps them small and purposeful.

@seanwasere Cool link! I hadn’t seen before… looks interesting!

1 Like