Open Source SDK

3D and AR as
declarative UI¶

Build immersive 3D and augmented reality experiences with the frameworks you already know. Compose-native on Android. SwiftUI-native on Apple. Zero boilerplate.

Android iOS macOS visionOS Web TV Flutter React Native

Get Started View on GitHub

1.9K+ GitHub Stars

9 Platforms

30+ Node Types

v4.16.10 Latest Release

Write 3D the same way you write UI¶

Nodes are composables. Lifecycle is automatic. State drives everything. No boilerplate. No manual cleanup. Just declare what you want.

Kotlin (Android)Swift (iOS / macOS / visionOS)Web (JavaScript)

// build.gradle: implementation("io.github.sceneview:sceneview:4.16.10")

SceneView(modifier = Modifier.fillMaxSize()) {
    val model = rememberModelInstance(modelLoader, "models/helmet.glb")
    model?.let { instance ->
        ModelNode(
            modelInstance = instance,
            scaleToUnits = 1.0f,
            autoAnimate = true,
            animationLoop = true
        )
    }
    LightNode(
        type = LightManager.Type.SUN,
        apply = { intensity(100_000f); castShadows(true) }
    )
}

// Package.swift: .package(url: "https://github.com/sceneview/sceneview", from: "4.16.10")

SceneView { root in
    let model = try? await ModelNode.load("helmet.usdz")
    model?.scaleToUnits(1.0)
    root.addChild(model!.entity)
}
.cameraControls(.orbit)

<!-- One-liner 3D for the web -->
<script src="https://cdn.jsdelivr.net/npm/sceneview-web@4.16.10/sceneview-web.js"></script>
<scene-view model="helmet.glb" auto-rotate camera-orbit></scene-view>

Features¶

Model Viewer¶

Load glTF/GLB (Android, Web) and USDZ (Apple) models with PBR materials, HDR environment lighting, and automatic animations. Built-in orbit camera with gesture controls.

Augmented Reality¶

Place 3D objects on real-world surfaces with a single tap. ARCore on Android, ARKit on iOS. Plane detection, image tracking, anchor persistence, and face tracking.

Declarative API¶

Nodes are composables inside SceneView { }. State drives the scene. No addChildNode() or destroy() calls. Toggle a Boolean to show/hide. Update state to animate.

Cross-Platform¶

Android uses Filament. Apple uses RealityKit. Web uses Filament.js (WASM). Shared logic via Kotlin Multiplatform. Native performance everywhere.

Procedural Geometry¶

Cube, Sphere, Cylinder, Plane, Line, Path, Text nodes. All declarative, all with PBR materials. Build scenes without any 3D files.

AI-First Design¶

Every API optimized so AI assistants generate correct code on the first try. llms.txt at the repo root, MCP server for tool-augmented generation, full code recipes.

Dynamic Sky & Fog¶

Time-of-day sun with physically-based colour model. Atmospheric fog with density and height controls. Create mood and atmosphere reactively.

Physics Simulation¶

Rigid body physics with gravity, collisions, and restitution. Drop objects, bounce balls, simulate real-world interactions.

Install in 30 seconds¶

Android (3D)Android (3D + AR)iOS / macOS / visionOSWeb

// build.gradle.kts
dependencies {
    implementation("io.github.sceneview:sceneview:4.16.10")
}

// build.gradle.kts
dependencies {
    implementation("io.github.sceneview:arsceneview:4.16.10")
}

// Package.swift or Xcode > Add Package Dependency
.package(url: "https://github.com/sceneview/sceneview", from: "4.16.10")

<script src="https://cdn.jsdelivr.net/npm/sceneview-web@4.16.10/sceneview-web.js"></script>

AR is just as easy¶

Kotlin (Android)Swift (iOS)

ARSceneView(
    modifier = Modifier.fillMaxSize(),
    onSessionUpdated = { session, frame -> }
) {
    val anchor = rememberAnchor()
    anchor?.let {
        AnchorNode(anchor = it) {
            rememberModelInstance(modelLoader, "models/chair.glb")?.let { instance ->
                ModelNode(modelInstance = instance, scaleToUnits = 0.5f)
            }
        }
    }
}

ARSceneView(
    planeDetection: .horizontal,
    onTapOnPlane: { position, arView in
        let chair = GeometryNode.cube(size: 0.3, color: .systemBlue)
            .withGroundingShadow()
        let anchor = AnchorNode.world(position: position)
        anchor.add(chair.entity)
        arView.scene.addAnchor(anchor.entity)
    }
)

Codelabs¶

Step-by-step guides to build your first 3D and AR apps.

3D with Compose

Build your first 3D scene with a rotating glTF model, HDR lighting, and orbit camera gestures.

Start the codelab
AR with Compose

Place 3D objects in the real world using ARCore plane detection and anchor tracking.

Start the codelab
3D with SwiftUI

Build a 3D model viewer on iOS/macOS using SceneViewSwift, RealityKit, and orbit camera.

Start the codelab
AR with SwiftUI

Detect planes with ARKit and tap to place 3D objects in the real world on iOS.

Start the codelab

Key Concepts¶

Nodes are composables¶

Every 3D object -- models, lights, geometry, cameras -- is a @Composable function inside SceneView { }. No manual addChildNode() or destroy() calls.

State drives the scene¶

Pass Compose state into node parameters. The scene updates on the next frame. Toggle a Boolean to show/hide a node. Update a mutableStateOf<Anchor?> to place content in AR.

Everything is `remember`¶

The Filament engine, model loaders, environment, camera -- all are remember-ed values with automatic cleanup. Create them, use them, forget about them.

Native renderers per platform¶

Android uses Filament (high-performance C++ via JNI). Apple platforms use RealityKit (native Metal). Web uses Filament.js (WebAssembly). Each platform gets native performance and native tooling.

Trusted by developers worldwide¶

"SceneView made adding 3D to our Compose app trivial. What would have taken weeks with raw Filament took us an afternoon."

"The declarative API just makes sense. Coming from Compose, SceneView {} felt immediately natural."

"Finally an AR SDK that doesn't fight the framework. It's just Compose."

Samples & Showcase¶

The demo apps ship with 14+ interactive samples covering model viewing, AR placement, geometry, animations, lighting, physics, fog, camera controls, post-processing, and more.

Android Samples Apple Samples

Upgrading from v2.x?¶

See the Migration Guide for a step-by-step walkthrough of every breaking change.

Coming from Sceneform?¶

Google archived Sceneform in 2021 and ships no first-party declarative AR renderer. SceneView is its Compose-native successor — it descends from the maintained Sceneform community fork and pairs ARCore (perception) with Filament (rendering) behind a Jetpack Compose API. The .sfb model format gives way to standard glTF (.glb / .gltf), and manual lifecycle handling is replaced by the Compose lifecycle. See the Migration Guide for the concept-by-concept mapping (ArFragment → ARScene { }, ModelRenderable → rememberModelInstance, …) and the comparison page for a side-by-side feature table.

Join the Community¶

Join thousands of developers building 3D and AR experiences with SceneView.

Join Discord Star on GitHub MCP Server on npm Claude Code Plugin

3D and AR asdeclarative UI¶