Hopefully someone else finds it useful as much as I do. I'll be building my next couple of projects with it and I'll try to maintain it. The UI library can be used as an alternative to React or Vue, but it can also be used alongside.

If you want to use just the object inspector alone, simply create <io-object> element and set it's value to an object data you want to interact with. There are some more advanced configuration options but I haven't documented them yet.

It has a very simple data flow model which makes data-binding work almost automatically. Its DOM is completely virtualized. The code is MIT licensed, free and open source.

To get what I'm talking about check out io-object and io-inspector elements in the demo:

https://akirodic.com/io/#page=2

They are automatically generated from the object data. Notice that all values in the demo update automatically. For example, if you modify an option label in menuoptions object, the menu labels will update automatically.

Let me know if you have any questions or comments.