Declarative 3D and AR for Compose, SwiftUI and the web

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

                )
            }
    }
}

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

// iOS, macOS and 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("armchair.usdz") }
    }
}

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

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

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

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