Add component
Elements
Nothing yet — add something, or write JTML.
JTML source (live)
JTML CHEAT SHEET
<bg color="blue">— page background (name or hex,#optional)<textcolor color="white">— default text color<title text="Hi" size="40" color="white" align="center"><text text="..." size="16" color="" align="left"><button text="Play" color="green" tcolor="white" size="16" radius="8" link="https://..."><card title="..." text="..." color="#12141a"><image src="https://..." width="100" radius="8"><spacer height="24"><stage color="#1a1d24" width="100" height="300">— game area<sprite shape="circle" color="orange" size="40" x="50" y="50">— goes in the last stage (x/y are %)<scene3d color="#101318" width="100" height="400">— 3D viewport (Three.js)<cube color="red" size="1.5" x="0" y="0" z="0" rx="0.4" ry="0.6">— goes in the last 3D scene<sphere color="cyan" size="1.5" x="1.5" y="0" z="0"><model src="assets/models/Duck.glb" scale="2">— .glb file in the last 3D scene- Upload button: add your own images or .glb models — stored privately in this browser
- 3D Library: ready-made open-source scenes (KhronosGroup samples)
<clear>— empty the canvas- 3D tab: Unreal-style editor — orbit camera, move/rotate/scale gizmos (W/E/R keys), outliner, content browser
Loose rules: closing tags optional, quotes optional, # optional on hex, case-insensitive. Unknown tags are ignored with a note — never an error.
Voice: say bg color blue or button text Play now — brackets added for you.
Outliner
No 3D scenes yet.
Content
W/E/R = move/rotate/scale.
Left-drag orbit · right-drag pan · wheel zoom.
Click an object to select it.
Page
Projects
💾 this browser
LIVE PREVIEW
Click any element to edit it
3D EDITOR
Select an element in the preview or the list.