| Sample | Demo | Link |
|---|---|---|
Basic shared element with caller managed visibility: Two boxes moving around |
||
Basic List to Detail Shifts remaining content to the left and grows to full size |
||
Nested shared element |
||
Container Transform and a demo from Lazy List to Details with nesting |
||
Complex Example - Jetsnack |
Additional samples
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 2025-08-26 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 2025-08-26 UTC."],[],[],null,["| Sample | Demo | Link |\n|----------------------------------------------------------------------------------|------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| Basic shared element with caller managed visibility: Two boxes moving around | | [SharedElementWithCallerManagedVisibility](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/integration-tests/animation-demos/src/main/java/androidx/compose/animation/demos/sharedelement/CallerManagedVisibilityDemo.kt;l=47) |\n| Basic List to Detail Shifts remaining content to the left and grows to full size | | [ListToDetailsDemo](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/integration-tests/animation-demos/src/main/java/androidx/compose/animation/demos/sharedelement/ListToDetailsDemo.kt;l=62;drc=c5f36c050e6ec86e8a504031b3cd7602a11f4d9e) |\n| Nested shared element | | [NestedSharedElementDemo](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/samples/src/main/java/androidx/compose/animation/samples/SharedTransitionSamples.kt;l=66;drc=c5f36c050e6ec86e8a504031b3cd7602a11f4d9e) |\n| Container Transform and a demo from Lazy List to Details with nesting | | [ContainerTransformDemo](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/integration-tests/animation-demos/src/main/java/androidx/compose/animation/demos/sharedelement/ContainerTransformDemo.kt;l=78;drc=c5f36c050e6ec86e8a504031b3cd7602a11f4d9e) |\n| Complex Example - Jetsnack | | [Jetsnack Sample](https://github.com/android/compose-samples/pull/1314) |"]]