ChromaDial

Ready Out of the Box

Drop in a single composable and get a beautiful, interactive dial on Android, iOS, Desktop, and Web — no configuration needed.

Fully Customizable

Replace thumb and track with any composable. Use built-in draw utilities to place ticks, labels, and indicators anywhere along the arc.

Delightful Details

Built-in overshoot and spring-back, step snapping, programmatic animation, and interaction source for haptic-ready feedback.

Quick Example

var degree by remember { mutableFloatStateOf(180f) }

Dial(
    degree = degree,
    onDegreeChange = { degree = it },
    modifier = Modifier.size(200.dp),
    startDegrees = 0f,
    sweepDegrees = 360f,
)