canui

sourceforge project page
documentation
example
download
screenshots

canui (canvas UI) is a generic user interface library with several predefined widgets and layout managers.

Interfaces can be created with javascript:

function f()
{
  var rp = new ui.root_panel({
    canvas: $("#canvas-id"),
    dimension: new dimension(200, 200),
    layout: new ui.horizontal_layout()
  });

  rp.add(new ui.label({caption: "Name:"}));
  rp.add(new ui.textbox({text: "here"}));
}

// this assumes there's a canvas tag somewhere:

<canvas id="canvas-id"></canvas>

or with a combination of html tags and javascript:

<div id="ui"
     data-layout="new ui.horizontal_layout()"
     width="200" height="200">
  
  <div data-type="label">Name:</div>
  <div data-type="textbox">here</div>
</div>

// put this somewhere

function f()
{
  var rp = ui.create_root_panel("ui");
}