3D and AR, written like UI.

// Android · Jetpack Compose
@Composable
fun ModelScreen() {
    SceneView(modifier = Modifier.fillMaxSize()) {
        rememberModelInstance(modelLoader, "models/sheen_chair.glb")
            ?.let { instance ->
                ModelNode(
                    modelInstance = instance,
                    scaleToUnits = 1.0f,

                )
            }
    }
}

Drag 1.0f sideways, or focus it and use the arrow keys.

// iOS · macOS · visionOS · SwiftUI
struct ModelScreen: View {
    @State private var model: ModelNode?

    var body: some View {
        SceneView { root in
            if let model { root.addChild(model.entity) }
        }
        .contentID(model != nil)
        .environment(.studio)
        .cameraControls(.orbit)
        .task { model = try? await ModelNode.load("sheen_chair.usdz") }
    }
}

<!-- Web · Filament on WebAssembly -->
<canvas id="viewer"></canvas>
<script src="…/filament.js"></script>
<script src="…/sceneview.js"></script>
<script>
  SceneView.modelViewer("viewer", "models/sheen_chair.glb")
</script>

// Flutter · Android and iOS
final controller = SceneViewController();

SceneView(
  controller: controller,
  onViewCreated: () => controller.loadModel(
    const ModelNode(modelPath: 'models/sheen_chair.glb'),
  ),
)

// React Native · Android and iOS
<SceneView
  style={{ flex: 1 }}
  modelNodes={[{ src: 'models/sheen_chair.glb', position: [0, 0, -2] }]}
  cameraControlMode="orbit"
/>