The UI builder
The UI builder
The on-screen interface — the HUD your audience sees over the 3D view — is built with a drag-and-drop editor. Drop in as many elements as you need (there is no fixed limit), position them, and style them to match your brand.
Elements
Button
A tappable button that triggers behaviours or opens a link.
Toggle
A two-state switch with on and off triggers.
Material select
A dropdown for choosing a model, part or variant.
Image
A logo, badge or decorative image.
Rich text
A panel of formatted text, static or dismissable.
Control group
A row or cluster that lays out other elements together.
Container
A free panel to group and frame content.
Modes and breakpoints
The interface is laid out twice — once for AR and once for the desktop viewer — and within each, across three screen sizes: small, medium and large. Switch between device sizes in the builder to check and adjust each one; an element can be shown on some sizes and hidden on others.
Placing an element
Each element is pinned to one of nine anchor points — the corners, edges and centre of the screen — with a fine percentage offset for exact placement. Buttons, toggles and selectors come in small, medium and large sizes; panels and images are sized as a percentage of the screen.
What buttons do
A button, toggle or select does its work through the interaction graph — press it to play an animation, switch a model state, jump to a view, show or hide something, or open an external link. The built-in capture button is an element too: show it to let visitors take a photo or video.