Skip to content

Isometric

Jetpack Compose

Build isometric scenes
declaratively.

A Compose Runtime library for interactive 3D isometric rendering. Shapes, transforms, gestures, and camera — all in familiar @Composable syntax.

Complex isometric scene built with the Isometric library

Five lines. One scene.

Drop an IsometricScene into any composable. The library handles projection, depth sorting, and rendering.

MyScene.kt
IsometricScene {
    Shape(
        geometry = Prism(Point.ORIGIN),
        color = IsoColor.BLUE
    )
}
Blue isometric cube rendered from the code

Everything you need

Declarative API

Shape, Group, and Path composables that read like a scene description. Transforms accumulate automatically.

High Performance

Dirty tracking, scene caching, spatial indexing, and an optional native canvas path for ~2× draw speed.

Interactive Gestures

Built-in tap and drag with spatial hit testing. Camera pan and zoom via CameraState.

6 Built-in Shapes

Prism, Pyramid, Cylinder, Octahedron, Stairs, and Knot out of the box. Extend with extrude and CustomNode.

Camera & Viewport

Pan, zoom, and animate the camera. CameraState integrates with Compose animations for smooth transitions.

Custom Shapes

Build any geometry with Path faces, extrude 2D shapes into 3D solids, or drop to raw ComposeNode for full control.

Ready to build?

Get your first isometric scene running in under a minute.

Quick Start Guide