diff --git a/src/main/mesh-ui.js b/src/main/mesh-ui.js
index 41102e7d..91ef5460 100644
--- a/src/main/mesh-ui.js
+++ b/src/main/mesh-ui.js
@@ -30,17 +30,22 @@ function init() {
         platform = space.platform;
 
     // setup default workspace
-    space.sky.showGrid(sky);
-    space.sky.setColor(dark ? 0 : 0xffffff);
+    space.sky.set({
+        grid: sky,
+        color: dark ? 0 : 0xffffff
+    });
     space.init($('container'), delta => { }, ortho);
     platform.onMove(delta => { });
-    platform.setRound(false);
-    platform.setZOff(0.2);
-    platform.setSize(300,300,2.5,300);
-    platform.setGrid(25,5,0x999999,0xcccccc);
-    platform.setColor(0xcccccc);
-    platform.showVolume(false);
-    platform.opacity(0.3);
+    platform.set({
+        volume: false,
+        round: false,
+        zOffset: 0.2,
+        opacity: 0.3,
+        color: 0xcccccc,
+        zoom: { reverse: true, speed: 1 },
+        size: { width: 300, depth: 300, height: 2.5, maxz: 2.5 },
+        grid: { major: 25, minor: 5, majorColor: 0x999999, minorColor: 0xcccccc }
+    });
     space.view.setZoom(zoomrev, zoomspd);
     space.useDefaultKeys(true);
 
diff --git a/src/moto/space.js b/src/moto/space.js
index da1314b8..918ad282 100644
--- a/src/moto/space.js
+++ b/src/moto/space.js
@@ -870,6 +870,40 @@
      * Space Object
      ******************************************************************* */
 
+    function setSky(opt = {}) {
+        let { grid, color, gridColor } = opt;
+        if (grid) Space.sky.showGrid(grid);
+        if (color) Space.sky.setColor(color);
+        if (gridColor) Space.sky.setGridColor(gridColor);
+    }
+
+    function setPlatform(opt = {}) {
+        let { color, round, size, grid, opacity, volume, zOffset } = opt;
+        if (color) {
+            Space.platform.setColor(color);
+        }
+        if (round !== undefined) {
+            Space.platform.setRound(round);
+        }
+        if (size) {
+            let { width = 300, depth = 300, height = 2.5, maxz = 300 } = size;
+            Space.platform.setSize(width, depth, height, maxz);
+        }
+        if (grid) {
+            let { major = 25, minor = 5, majorColor = 0x999999, minorColor = 0xcccccc } = grid;
+            Space.platform.setGrid(major, minor, majorColor, minorColor);
+        }
+        if (opacity !== undefined) {
+            Space.platform.opacity(opacity);
+        }
+        if (volume !== undefined) {
+            Space.platform.showVolume(volume);
+        }
+        if (zOffset !== undefined) {
+            Space.platform.setZOff(zOffset);
+        }
+    }
+
     let Space = MOTO.Space = {
         refresh: refresh,
         update: requestRefresh,
@@ -884,6 +918,8 @@
         },
 
         sky: {
+            set: setSky,
+
             showGrid: (b) => {
                 showSkyGrid = b;
             },
@@ -915,6 +951,7 @@
         world: WORLD,
 
         platform: {
+            set:        setPlatform,
             update:     updateDraws,
             setSize:    setPlatformSizeUpdateGrid,
             setColor:   setPlatformColor,
diff --git a/src/moto/ui.js b/src/moto/ui.js
deleted file mode 100644
index c667ec45..00000000
--- a/src/moto/ui.js
+++ /dev/null
@@ -1,579 +0,0 @@
-/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */
-
-"use strict";
-
-(function() {
-
-    let moto = self.moto = self.moto || {};
-    if (moto.ui) return;
-
-    let SELF = self,
-        lastRegion = null,
-        lastGroup = null,
-        lastDiv = null,
-        addTo = null,
-        hideAction = null,
-        inputAction = null,
-        groups = {},
-        groupShow = {},
-        groupName = undefined,
-        hideable = {},
-        hasModes = [],
-        isExpert = [],
-        letMode = null,
-        letExpert = false,
-        SDB = moto.KV,
-        DOC = SELF.document,
-        prefix = "tab",
-        NOMODE = "nomode",
-        exitimer = undefined;
-
-    SELF.$ = (SELF.$ || function (id) { return DOC.getElementById(id) } );
-
-    moto.ui = {
-        prefix: function(pre) { prefix = pre; return moto.ui },
-        hideAction: function(fn) { hideAction = fn; return moto.ui },
-        inputAction: function(fn) { inputAction = fn; return moto.ui },
-        setMode: setMode,
-        setExpert: setExpert,
-        bound: bound,
-        toInt: toInt,
-        toFloat: toFloat,
-        hidePop: hidePop,
-        isPopped: isPopped,
-        newText: newTextArea,
-        newLabel: newLabel,
-        newRange: newRange,
-        newInput: newInputField,
-        newButton: newButton,
-        newBoolean: newBooleanField,
-        newSelect: newSelect,
-        newTable: newTables,
-        newTableRow: newTableRow,
-        newRow: newRow,
-        newBlank: newBlank,
-        newGroup: newGroup,
-        setGroup: setGroup,
-        hidePoppers: hidePoppers,
-        checkpoint,
-        restore
-    };
-
-    function setMode(mode) {
-        $('control-left').classList.add('compact');
-        $('control-right').classList.add('compact');
-        Object.keys(groupShow).forEach(group => {
-            updateGroupShow(group);
-        });
-        letMode = mode;
-        hasModes.forEach(function(div) {
-            div.setMode(div._group && !groupShow[div._group] ? NOMODE : mode);
-        });
-    }
-
-    function setExpert(bool) {
-        letExpert = bool;
-        setMode(letMode);
-    }
-
-    function checkpoint() {
-        return { addTo, lastDiv, lastGroup, lastRegion, groupName };
-    }
-
-    function restore(opt) {
-        if (opt) {
-            addTo = opt.addTo;
-            lastDiv = opt.lastDiv;
-            lastGroup = opt.lastGroup;
-            lastRegion = opt.lastRegion;
-            groupName = opt.groupName;
-        }
-    }
-
-    // at present only used by the layers popup menu
-    function setGroup(div) {
-        addTo = lastDiv = div;
-        groupName = undefined;
-        lastGroup = [];
-        return div;
-    }
-
-    function newGroup(label, div, options) {
-        lastDiv = div || lastDiv;
-        return addCollapsableGroup(label, lastDiv, options);
-    }
-
-    function addCollapsableGroup(label, div, options) {
-        let opt = options || {};
-        let group = opt.group || label;
-        lastRegion = opt.region || lastRegion;
-        hideable[group] = opt.nocompact === true ? false : true;
-
-        let row = DOC.createElement('div'),
-            a = DOC.createElement('a'),
-            dbkey = `beta-${prefix}-show-${group}`,
-            popper = !opt.nocompact;
-
-        if (popper) {
-            let pop = DOC.createElement('div');
-            pop.classList.add('popper');
-            if (lastRegion) pop.classList.add(lastRegion);
-            if (opt.poprow) pop.classList.add('poprow')
-            row.appendChild(pop);
-            addTo = pop;
-        } else {
-            addTo = lastDiv;
-        }
-
-        div.appendChild(row);
-        row.setAttribute("class", "grouphead noselect");
-        row.appendChild(a);
-        a.appendChild(DOC.createTextNode(label));
-        addModeControls(row, opt);
-        lastGroup = groups[group] = [];
-        lastGroup.key = dbkey;
-        groupName = group;
-        groupShow[group] = popper ? SDB[dbkey] === 'true' : SDB[dbkey] !== 'false';
-        row.onclick = function(ev) {
-            if (ev.target !== a && ev.target !== row) {
-                return;
-            }
-            toggleGroup(group, dbkey);
-        };
-        if (popper) {
-            row.onmouseenter = function(ev) {
-                if (ev.target !== a && ev.target !== row) {
-                    return;
-                }
-                clearTimeout(exitimer);
-                showGroup(group);
-            };
-            row.onmouseleave = function(ev) {
-                if (ev.target !== a && ev.target !== row) {
-                    return;
-                }
-                clearTimeout(exitimer);
-                exitimer = setTimeout(showGroup, 1000);
-            };
-            addTo._group = group;
-            addModeControls(addTo, opt);
-            lastGroup.push(addTo);
-        }
-
-        return row;
-    }
-
-    function hidePoppers() {
-        showGroup(undefined);
-    }
-
-    function showGroup(groupname) {
-        Object.keys(groups).forEach(name => {
-            let group = groups[name];
-            groupShow[name] = SDB[group.key] = (groupname === name);
-            updateGroupShow(name);
-        });
-    }
-
-    function toggleGroup(groupname, dbkey) {
-        let show = SDB[dbkey] === 'false';
-        groupShow[groupname] = hideable[groupname] ? SDB[dbkey] = show : true;
-        updateGroupShow(groupname);
-    }
-
-    function updateGroupShow(groupname) {
-        let show = groupShow[groupname] || !hideable[groupname];
-        let group = groups[groupname];
-        group.forEach(div => {
-            if (show) div.setMode(letMode);
-            else div.setMode(NOMODE);
-        });
-    }
-
-    function toInt() {
-        let nv = this.value !== '' ? parseInt(this.value) : null;
-        if (isNaN(nv)) nv = 0;
-        if (nv !== null && this.bound) nv = this.bound(nv);
-        this.value = nv;
-        return nv;
-    }
-
-    function toFloat() {
-        let nv = this.value !== '' ? parseFloat(this.value) : null;
-        if (nv !== null && this.bound) nv = this.bound(nv);
-        this.value = nv;
-        return nv;
-    }
-
-    function bound(low,high) {
-        return function(v) {
-            if (isNaN(v)) return low;
-            return v < low ? low : v > high ? high : v;
-        };
-    }
-
-    function raw() {
-        return this.value !== '' ? this.value : null;
-    }
-
-    function newLabel(text) {
-        let label = DOC.createElement('label');
-        label.appendChild(DOC.createTextNode(text));
-        label.setAttribute("class", "noselect");
-        return label;
-    }
-
-    function addId(el, options) {
-        if (options && options.id) {
-            el.setAttribute("id", options.id);
-        }
-    }
-
-    function addModeControls(el, options) {
-        let opt = options || {};
-        el.__show = true;
-        el.__modeSave = null;
-        el.showMe = function() {
-            if (el.__show) return;
-            el.style.display = el.__modeSave;
-            el.__show = true;
-            el.__modeSave = null;
-        };
-        el.hideMe = function() {
-            if (!el.__show) return;
-            el.__show = false;
-            el.__modeSave = el.style.display;
-            el.style.display = 'none';
-        };
-        el.setVisible = function(show) {
-            if (show) el.showMe();
-            else el.hideMe();
-        };
-        el.setMode = function(mode) {
-            let show = opt.expert === undefined || (opt.expert === letExpert);
-            el.setVisible(el.hasMode(mode) && show);
-        }
-        el.hasMode = function(mode) {
-            if (mode === NOMODE) return false;
-            if (!el.modes) return true;
-            return el.modes.contains(mode);
-        }
-        if (opt.modes) {
-            el.modes = opt.modes;
-            hasModes.push(el);
-        }
-    }
-
-    function newDiv(options) {
-        let div = DOC.createElement('div');
-        addModeControls(div, options);
-        addTo.appendChild(div);
-        lastGroup.push(div);
-        div._group = groupName;
-        return div;
-    }
-
-    let lastPop = null;
-    let savePop = null;
-
-    function hidePop() {
-        if (lastPop) {
-            lastPop.style.display = "none";
-        }
-        if (savePop) {
-            savePop();
-            savePop = null;
-        }
-        lastPop = null;
-    }
-
-    function isPopped() {
-        return lastPop !== null;
-    }
-
-    function newTextArea(label, options) {
-        let opt = options || {},
-            row = newDiv(options),
-            btn = DOC.createElement("button"),
-            box = DOC.createElement("div"),
-            pop = DOC.createElement("div"),
-            lbl = DOC.createElement("label"),
-            txt = DOC.createElement("textarea");
-
-        pop.setAttribute("class", "poptext flow-col");
-        box.setAttribute("style", "position: relative");
-        box.appendChild(pop);
-        pop.appendChild(lbl);
-        pop.appendChild(txt);
-        lbl.appendChild(DOC.createTextNode(label));
-
-        txt.setAttribute("cols", 40);
-        txt.setAttribute("rows", 20);
-        txt.setAttribute("wrap", "off");
-
-        btn.appendChild(DOC.createTextNode("edit"));
-        btn.onclick = function(ev) {
-            ev.stopPropagation();
-            if (ev.target === txt) {
-                // drop clicks on TextArea
-                ev.target.focus();
-            } else {
-                // first time, button click / show
-                btn.parentNode.appendChild(box);
-                btn.parentNode.onclick = btn.onclick;
-                txt.scrollTop = 0;
-                txt.scrollLeft = 0;
-                txt.selectionEnd = 0;
-                let rows = txt.value.split('\n');
-                let cols = 0;
-                rows.forEach(row => {
-                    cols = Math.max(cols, row.length);
-                });
-                txt.setAttribute("cols", Math.max(30, cols + 1));
-                txt.setAttribute("rows", Math.max(10, rows.length + 1));
-
-                let showing = pop === lastPop;
-                hidePop();
-                if (!showing) {
-                    savePop = inputAction;
-                    pop.style.display = "flex";
-                    lastPop = pop;
-                    txt.focus();
-                } else {
-                    inputAction();
-                }
-            }
-        };
-        addModeControls(btn, opt);
-        addId(btn, opt);
-
-        row.appendChild(newLabel(label));
-        row.appendChild(btn);
-        row.setAttribute("class", "flow-row");
-        if (opt.title) row.setAttribute("title", options.title);
-        btn.setVisible = row.setVisible;
-
-        return txt;
-    }
-
-    function newInputField(label, options) {
-        let opt = options || {},
-            row = newDiv(opt),
-            hide = opt && opt.hide,
-            size = opt ? opt.size || 5 : 5,
-            height = opt ? opt.height : 0,
-            ip = height > 1 ? DOC.createElement('textarea') : DOC.createElement('input'),
-            action = opt.action || inputAction;
-
-        row.appendChild(newLabel(label));
-        row.appendChild(ip);
-        row.setAttribute("class", "flow-row");
-        if (height > 1) {
-            ip.setAttribute("cols", size);
-            ip.setAttribute("rows", height);
-            ip.setAttribute("wrap", "off");
-        } else {
-            if (Number.isInteger(size)) {
-                ip.setAttribute("size", size);
-            } else {
-                ip.setAttribute("style", `width:${size}`);
-            }
-        }
-        ip.setAttribute("type", "text");
-        row.style.display = hide ? 'none' : '';
-        if (opt) {
-            if (opt.disabled) ip.setAttribute("disabled", "true");
-            if (opt.title) row.setAttribute("title", opt.title);
-            if (opt.convert) ip.convert = opt.convert.bind(ip);
-            if (opt.bound) ip.bound = opt.bound;
-            if (opt.action) action = opt.action;
-        }
-        ip.addEventListener('focus', function(event) {
-            hidePop();
-        });
-        if (action) {
-            ip.addEventListener('keydown', function(event) {
-                let key = event.key;
-                if (
-                    opt.text ||
-                    (key >= '0' && key <= '9') ||
-                    key === '.' ||
-                    key === '-' ||
-                    key === 'Backspace' ||
-                    key === 'Delete' ||
-                    key === 'ArrowLeft' ||
-                    key === 'ArrowRight' ||
-                    key === 'Tab' ||
-                    event.metaKey ||
-                    event.ctrlKey ||
-                    (key === ',' && options.comma)
-                ) {
-                    return;
-                }
-                event.preventDefault();
-                event.stopPropagation();
-            });
-            ip.addEventListener('keyup', function(event) {
-                if (event.keyCode === 13) {
-                    // action(event);
-                    ip.blur();
-                }
-            });
-            ip.addEventListener('blur', function(event) {
-                action(event);
-            });
-        }
-        if (!ip.convert) ip.convert = raw.bind(ip);
-        ip.setVisible = row.setVisible;
-
-        return ip;
-    }
-
-    function newRange(label, options) {
-        let row = newDiv(options),
-            ip = DOC.createElement('input'),
-            hide = options && options.hide,
-            action = inputAction;
-
-        if (label) row.appendChild(newLabel(label));
-        row.appendChild(ip);
-        row.setAttribute("class", "flow-row");
-        ip.setAttribute("type", "range");
-        ip.setAttribute("min", (options && options.min ? options.min : 0));
-        ip.setAttribute("max", (options && options.max ? options.max : 100));
-        ip.setAttribute("value", 0);
-        row.style.display = hide ? 'none' : '';
-        if (options) {
-            if (options.title) {
-                ip.setAttribute("title", options.title);
-                row.setAttribute("title", options.title);
-            }
-            if (options.action) action = options.action;
-        }
-        ip.setVisible = row.setVisible;
-
-        return ip;
-    }
-
-    function newSelect(label, options, source) {
-        let row = newDiv(options),
-            ip = DOC.createElement('select'),
-            hide = options && options.hide,
-            action = inputAction;
-
-        row.appendChild(newLabel(label));
-        row.appendChild(ip);
-        row.setAttribute("source", source || "tools");
-        row.setAttribute("class", "flow-row");
-        row.style.display = hide ? 'none' : '';
-        if (options) {
-            if (options.convert) ip.convert = options.convert.bind(ip);
-            if (options.disabled) ip.setAttribute("disabled", "true");
-            if (options.title) row.setAttribute("title", options.title);
-            if (options.action) action = options.action;
-        }
-        ip.onchange = function() { action() };
-        ip.setVisible = row.setVisible;
-
-        return ip;
-    }
-
-    function newBooleanField(label, action, options) {
-        let row = newDiv(options),
-            ip = DOC.createElement('input'),
-            hide = options && options.hide;
-
-        if (label) {
-            row.appendChild(newLabel(label));
-        }
-        row.appendChild(ip);
-        row.setAttribute("class", "flow-row");
-        row.style.display = hide ? 'none' : '';
-        ip.setAttribute("type", "checkbox");
-        ip.checked = false;
-        if (options) {
-            if (options.disabled) ip.setAttribute("disabled", "true");
-            if (options.title) {
-                ip.setAttribute("title", options.title);
-                row.setAttribute("title", options.title);
-            }
-        }
-        if (action) ip.onclick = function() { action() };
-        ip.setVisible = row.setVisible;
-
-        return ip;
-    }
-
-    function newBlank(options) {
-        let row = newDiv(options),
-            hide = options && options.hide;
-
-        row.setAttribute("class", "flow-row");
-        row.style.display = hide ? 'none' : '';
-        ip.setVisible = row.setVisible;
-
-        return ip;
-    }
-
-    function newButton(label, action, options) {
-        let b = DOC.createElement('button'),
-            t = DOC.createTextNode(label);
-
-        b.onclick = function() {
-            hidePoppers();
-            if (action) action();
-        };
-
-        if (options) {
-            if (options.class) b.classList.add(options.class);
-            if (options.icon) {
-                let d = DOC.createElement('div');
-                d.innerHTML = options.icon;
-                b.appendChild(d);
-            }
-        }
-
-        b.appendChild(t);
-
-        addModeControls(b, options);
-        addId(b, options);
-
-        return b;
-    }
-
-    function newTableRow(arrayOfArrays, options) {
-        return newRow(newTables(arrayOfArrays), options);
-    }
-
-    function newTables(arrayOfArrays) {
-        let array = [];
-        for (let i=0; i<arrayOfArrays.length; i++) {
-            array.push(newRowTable(arrayOfArrays[i]));
-        }
-        return array;
-    }
-
-    function newRowTable(array) {
-        let div = newDiv();
-        div.setAttribute("class", "tablerow");
-        array.forEach(function(c) {
-            div.appendChild(c);
-        });
-        return div;
-    }
-
-    function newRow(children, options) {
-        let row = addCollapsableElement((options && options.noadd) ? null : addTo);
-        if (children) children.forEach(function (c) { row.appendChild(c) });
-        addModeControls(row, options);
-        return row;
-    }
-
-    function addCollapsableElement(parent) {
-        let row = newDiv();
-        if (parent) parent.appendChild(row);
-        if (lastGroup) lastGroup.push(row);
-        return row;
-    }
-
-})();
diff --git a/web/meta/index.html b/web/meta/index.html
index 2fefe52d..3d849851 100644
--- a/web/meta/index.html
+++ b/web/meta/index.html
@@ -16,4 +16,4 @@
 </head>
 <body>
 </body>
-</html>
\ No newline at end of file
+</html>