← All widgetsEducationalEducational

3D Shapes

Simple 3D shape visualization.

A simpler 3D shape visualization with rotation (sibling of scene_3d).

type · 3d_scene
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
visualize a rotating octahedron

Example

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

3d_scene.json
{
  "type": "3d_scene",
  "autoRotate": true,
  "shapes": [
    {
      "type": "octahedron",
      "color": "0xFF9C27B0",
      "size": 1
    }
  ]
}

Properties

PropTypeDescription
shapes{type,color,size}[]Shapes
autoRotatebooleanAuto-rotate
wireframebooleanWireframe mode

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