Animations are essential in a modern mobile app in order to realize a smooth and understandable user experience. Many Jetpack Compose animation APIs are available as composable functions just like layouts and other UI elements, and they are backed by lower-level APIs built with Kotlin coroutine suspend functions.

Animation modifiers and composables

The AnimatedVisibility composable allows you to hide or show content easily.
Use animateContentSize() to achieve automatic size change animations.
Use AnimatedContent to animate between composables that have different content.

Value-based animations

Use animate*AsState functions to animate an individual property, such as opacity.
Use Transition to animate multiple values at once.
Use InfiniteTransition to animate properties continuously.
Learn how to customize your animations duration, easing curve and spring configuration.
Learn how to write tests for your animations.
Learn all about how to preview your animations in Android Studio.