Object GUI

This is the editor that will be used in the upcoming tsParticles options editor.

With this library you'll easily create a realtime javascript objects editor.

This editor supports themes too (for now 'dark', 'light', 'red', 'blue', 'green').

If you want to contribute to this project feel free to join.

You can try it yourself, it's available on npm too

import { Editor } from "object-gui";

const Editor = require("object-gui");

const code = document.getElementById("code");
const data = {
  prop1: "pluto",
  prop2: 3,
  group1: {
    prop1: "paperino",
    prop2: 0.3,
  },
  color1: "#ff0000",
  select1: "Item 2",
  alert: function () {
    alert(JSON.stringify(data, null, 4));
  },
};

const editor = new Editor

Checkout this CodePen sample

Do you want to see it in action in a big object?

Checkout the tsParticles editor