A example to animate and draw a square-based Mandala on Jetpack Compose's Canvas

InfiniteSquareMandala.kt

import androidx.compose.animation.core.*
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.BoxWithConstraints
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.BlendMode
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.ExperimentalGraphicsApi
import androidx.compose.ui.graphics.drawscope.Stroke
import androidx.compose.ui.graphics.drawscope.rotate
import androidx.compose.ui.graphics.drawscope.translate
import kotlin.math.abs
import kotlin.math.roundToInt

private const val repetitionCount = 10

@Composable
fun InfiniteSquareMandala(modifier: Modifier) {

    BoxWithConstraints(
        Modifier
            .background(Color.Black)
    ) {

        val infiniteTransition = rememberInfiniteTransition()

        val squareCount by infiniteTransition.animateFloat(
            0f,
            360f,
            infiniteRepeatable(
                tween(
                    5000,
                    easing = LinearEasing
                ),
                repeatMode = RepeatMode.Reverse
            )
        )


        val offset = (0..repetitionCount).map { index ->
            infiniteTransition.animateFloat(
                30f * (repetitionCount - index),
                30f * repetitionCount,
                infiniteRepeatable(
                    tween(
                        10000,
                        easing = LinearEasing
                    ),
                    repeatMode = RepeatMode.Reverse
                )
            )
        }

        repeat(repetitionCount) { index ->
            Canvas(
                modifier = Modifier.then(
                    modifier
                ),
            ) {
                translate(
                    constraints.maxWidth / 2f,
                    constraints.maxHeight / 2f,
                ) {

                    (0..squareCount.roundToInt() step 5).forEach { angle ->

                        val size = 50f * (index + 1)

                        rotate(
                            angle.toFloat(),
                            pivot = Offset(0f, 0f)
                        ) {
                            drawRect(
                                Color.hsl(
                                    20f,
                                    abs(index / repetitionCount.toFloat() - 0.2f),
                                    0.5f
                                ),
                                topLeft = Offset(
                                    offset[index].value,
                                    offset[index].value
                                ),
                                size = Size(size, size),
                                style = Stroke(index.toFloat()),
                                alpha = 1f / (index + 1)
                            )
                        }
                    }
                }
            }
        }
    }
}