[ Web Proxy ]
URL:
Viewing: http://developer.android.com/develop/ui/compose/tooling/animation-preview [Back]  [Original]

Animation Preview  |  Jetpack Compose  |  Android Developers Skip to main content
Essentials Design & Plan Develop Google Play Blog
Search:
Android Studio
Android Developers [Android Developers]

Animation Preview Stay organized with collections Save and categorize content based on your preferences.

Android Studio lets you inspect animations from Animation Preview. If an animation is described in a composable preview, you can inspect the exact value of each animated value at a given time, pause the animation, loop it, fast-forward it, or slow it, to help you debug the animation throughout its transitions:

Play back, scrub through, and slow down the
AnimatedVisibility [Play back, scrub through, and slow down the AnimatedVisibility]

You can also use Animation Preview to graph visualize animation curves, which is useful for making sure that the animation values are choreographed properly:

Visualization of an animation
curve [Visualization of an animation curve]

Animation Preview automatically detects inspectable animations, which are indicated by the Start Animation Preview icon Play button to start animation preview [Play button to start animation preview].

Start Animation Preview icon in Design
window [Start Animation Preview icon in Design window]

If you have multiple animations, you can use Animation Preview to inspect and coordinate them all at once. You can also freeze a specific animation.

Gif showing inspection with All Animations
UI [Gif showing inspection with All Animations UI]

Use pickers to set non-enum or boolean states to debug your Compose animation using precise inputs. For all supported Compose Animation APIs, you can play, pause, scrub, control speed, and coordinate.

Pick precise values for animation previews [Pick precise values for animation previews]

Animation Preview supports the updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition, and AnimatedContent APIs. To access the latest features, use Animation Preview with Android Studio Quail 3 and compose.animation 1.12.0 and higher.

Preview your UI
Develop code iteratively

Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.

Last updated 2026-08-17 UTC.

[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2026-08-17 UTC."],[],[]]

Web Proxy Viewer  |  New URL  |  Original Page