Jetpack Compose Circle Loading Animation with Gradient Effect

jetpack compose circle gradient

This is a Jetpack Compose circle loading animation with gradient colors. It is similar to the spinner we see on Instagram. You can download the source code for free below. The gradient colors are applied with Brush composable. The animation is set on the rotation degree. The initial and final values are 0f and 360f. … Read more

Jetpack Compose Loading Animation 3

Jetpack Compose Loading Animation

This is a loading animation made with Android Jetpack Compose. It consists of 3 circles whose alpha values get animated. You can download the source code for free below. The 3 circles are placed in a row layout. The animation is done by Animatable API. The initial value of the alpha is 0.3f. It will … Read more

Jetpack Compose Loading Animation 2

Jetpack Compose Loading Animation

This is a Jetpack Compose loading animation. It consists of 3 circles. Their sizes and opacity values get animated with the help of coroutine animations. You can download the source code for free below. The animation is made with Box and Animatable APIs. It uses infiniteRepeatable animation spec so that the animation lasts forever. I … Read more

Jetpack Compose Loading Animation 1 (with Source Code)

Jetpack Compose Loading Animation

This is a Jetpack Compose loading animation. It consists of a circle with a border. The circle is made with the Box layout. Its border is set with Modifier.border() method. The border’s alpha value and the circle’s scale is animated. The source code is available for free below. The animation utilizes several Jetpack Compose APIs … Read more