11 3D Model

Add a 3D model to any section using the model or 3d type. Supports .glb files.

3D models can be used in any section type. You can only use one model per section. To add multiple models, use Groups.

Wrong — plain path without type:

"assets/models/model.glb"

Right — full object format:

"model": {
    "src": "assets/models/model.glb",
    "ratio": "1/1",
    "rotate": true,
    "caption": "Drag to interact"
}

Right — shorthand:

"model": "assets/models/model.glb"

3D Model Fields

FieldDescription
type"model" or "3d"
srcPath to .glb file (local or remote URL)
ratioAspect ratio like "1/1" (default 1/1)
rotateSet true to auto-rotate (default true)
captionOptional text below the model

3D Model Use Cases

3D model with default settings

{
    "type": "model",
    "src": "assets/models/model.glb"
}

3D model with 16:9 ratio

{
    "type": "model",
    "src": "assets/models/model.glb",
    "ratio": "16/9"
}

3D model with caption

Drag to rotate, scroll to zoom.

{
    "type": "model",
    "src": "assets/models/model.glb",
    "caption": "Drag to rotate, scroll to zoom."
}

3D model with rotate disabled

Auto-rotate is off. User must drag to rotate.

{
    "type": "model",
    "src": "assets/models/model.glb",
    "rotate": false
}
← BackNext →