← All widgetsEducationalEducational

3D Scene

GPU 3D scene with orbit controls.

A GPU-accelerated interactive 3D scene — drag to rotate, scroll to zoom, double-tap to toggle auto-rotate. Combine multiple shapes.

type · scene_3d
A visual explainer the agent uses for 'how does X work' answers.

How to use it

Just ask for it in chat — the agent emits this widget and the shell renders it:

Try saying
a 3D scene with a rotating cube and a pyramid

Example

The agent returns this A2UI component (inside the components array of a /chat response):

scene_3d.json
{
  "type": "scene_3d",
  "height": 300,
  "autoRotate": true,
  "shapes": [
    {
      "type": "cube",
      "color": "0xFF007AFF",
      "size": 1
    },
    {
      "type": "pyramid",
      "color": "0xFFFF9800",
      "size": 1,
      "x": 2
    }
  ]
}

Properties

PropTypeDescription
shapes{type,color,size,x,y,z}[]Shapes (cube/pyramid/octahedron/diamond/sphere)
autoRotatebooleanAuto-rotate (default true)
wireframebooleanWireframe mode
heightnumberHeight
widthnumberWidth

Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.