SceneView

3D & AR for every platform.

Build 3D and AR experiences with the UI frameworks you already know. Same concepts, same simplicity — Android, iOS, Web, Desktop, TV, Flutter, React Native.

Try the demo apps

See SceneView capabilities in action — install the live demos in one tap:

Browse all sample sources in samples/ — Android · iOS · Web · Desktop · TV · Flutter · React Native.

Tip — every demo opens directly via https://sceneview.github.io/open?demo=<id>. For example, …/open?demo=ar-rerun lands straight on the AR Rerun debug screen with a single tap from any QR code or link.

Open any 3D file, at real size

SceneView reads the files people actually receive — from a download, a chat, a 3D-printing site or an AI assistant — and shows them at their real size, in 3D and in AR.

The format is decided by the bytes, not the extension: a .3mf that arrives as application/octet-stream with no file name still opens. The Android demo app is an "Open with" target for these files, so a file tapped anywhere on the phone lands in the viewer, then in AR.

Two apps built on SceneView are on Google Play:

• AR Model Viewer — open any 3D file (GLB, glTF, 3MF, STL, OBJ, PLY) or browse thousands of free models, and see them in your room at real size.
• Will It Fit — type a sofa's dimensions, or pick a stand-in, and see whether it fits before you buy.

Quick look

// Android — Jetpack Compose
SceneView(modifier = Modifier.fillMaxSize()) {
    rememberModelInstance(modelLoader, "models/helmet.glb")?.let {
        ModelNode(modelInstance = it, scaleToUnits = 1.0f, autoAnimate = true)
    }
}

// iOS — SwiftUI
SceneView(environment: .studio) {
    ModelNode(named: "helmet.usdz")
        .scaleToUnits(1.0)
}

<!-- Web — friendly DSL (Filament.js engine + SceneView wrapper) -->
<script src="https://cdn.jsdelivr.net/gh/sceneview/sceneview@v4.39.0/website-static/js/filament/filament.js"></script>
<script src="https://cdn.jsdelivr.net/gh/sceneview/sceneview@v4.39.0/website-static/js/sceneview.js"></script>
<script> SceneView.modelViewer("canvas", "model.glb") </script>

# Any AI assistant — add the MCP server, then just ask
npx -y sceneview-mcp
# Then ask: "Build me an AR app with tap-to-place furniture"

No engine boilerplate. No lifecycle callbacks. The runtime handles everything.

Platforms

The Compose-native successor to Sceneform

Google archived Sceneform in 2021 and ships no first-party declarative AR renderer — its current ARCore samples hand-roll a throwaway OpenGL framework instead. SceneView fills that gap. It descends from the maintained Sceneform community fork and is the actively-developed, Jetpack-Compose-native way to build 3D and AR on Android:

• ARCore for perception (plane detection, anchors, depth, geospatial)
• Filament for rendering (Google's production-grade real-time engine)
• Jetpack Compose for the API — nodes are composables, lifecycle is automatic
• glTF (.glb / .gltf) instead of the deprecated .sfb model format
• Multiplatform — the same concepts run on iOS, Web, Desktop, TV, Flutter, and React Native

Coming from the archived Sceneform repo? See the migration guide for a concept-by-concept mapping (ArFragment → ARScene { }, ModelRenderable → rememberModelInstance, and so on).

Install

Android (3D + AR):

dependencies {
    implementation("io.github.sceneview:sceneview:4.39.0")     // 3D
    implementation("io.github.sceneview:arsceneview:4.39.0")   // AR (includes 3D)
}

iOS / macOS / visionOS (Swift Package Manager):

https://github.com/sceneview/sceneview.git  (from: 4.39.0)

Web (sceneview.js — friendly DSL, two <script> tags):

<!-- 1. Filament.js engine (WASM) -->
<script src="https://cdn.jsdelivr.net/gh/sceneview/sceneview@v4.39.0/website-static/js/filament/filament.js"></script>
<!-- 2. SceneView wrapper (exposes SceneView.modelViewer / .create / .startAR) -->
<script src="https://cdn.jsdelivr.net/gh/sceneview/sceneview@v4.39.0/website-static/js/sceneview.js"></script>

Web (Kotlin/JS, for bundler-based projects):

npm install sceneview-web

AI assistants (MCP): one server, every client — see Use SceneView with your AI coding assistant for the exact snippet per tool.

claude mcp add sceneview -- npx -y sceneview-mcp   # Claude Code
codex  mcp add sceneview -- npx -y sceneview-mcp   # Codex
copilot mcp add sceneview -- npx -y sceneview-mcp  # GitHub Copilot CLI

// Cursor (.cursor/mcp.json), Cline, JetBrains AI Assistant
{ "mcpServers": { "sceneview": { "command": "npx", "args": ["-y", "sceneview-mcp"] } } }
// VS Code (.vscode/mcp.json) uses the "servers" key instead
{ "servers": { "sceneview": { "type": "stdio", "command": "npx", "args": ["-y", "sceneview-mcp"] } } }

ChatGPT / Codex: this repository is a plugin — the manifest lives at .codex-plugin/plugin.json and points at the three skills under agents/. Install it into Codex from a checkout:

codex plugin marketplace add "$PWD"          # absolute path — a relative one does not resolve
codex plugin add sceneview@sceneview-local
codex plugin list                            # sceneview@sceneview-local  installed, enabled

Codex also discovers the skills on its own from .agents/skills/ inside a checkout. For ChatGPT, the same MCP server speaks Streamable HTTP — npx sceneview-mcp --http — and carries the inline view_3d_model viewer widget. Package, listing copy and submission notes: agents/OPENAI-PLUGIN.md.

Desktop / Flutter / React Native: see samples/

3D scene

SceneView is a Composable that renders a Filament 3D viewport. Nodes are composables inside it.