ostentus

const ui = ostentus({ output: (data) => { console.log(data); } });

const image = ui.image({ path: "" }); // displays an image element
const text = ui.text({ body: ""  }); // displays a text element
const video = ui.video({ path: "" }); // displays a video element
const form = ui.form(); // displays a form element

form.input({ username: "string" });
form.input({ age: "number" });
form.input({ attending: "boolean" });
form.submit((data) => {
  
});

image.option({ label: "" }, () => {}); // adds option selection
async image.form(); // displays form for given element
image.update({ path: "" }); // updates element
ui.notify({ message: "" }); // displays alert notification