# Using MotionLayout in Compose

DevFeed: [Using MotionLayout in Compose](<https://devfeed.tech/articles/using-motionlayout-in-compose-22662.md>)

Original publisher: [Read original article](<https://www.valueof.io/blog/motionlayout-in-compose-motion-scene-json5>)

Author: James Shvarts

Published: 2022-05-05T11:52:55Z

Content type: tutorial

Language: en

Sources: [Android Blog - Mobile Dev Notes](<https://devfeed.tech/sources/android-blog-mobile-dev-notes.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [android-development](<https://devfeed.tech/topics/android-development.md>), [Framework](<https://devfeed.tech/topics/framework.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-development](<https://devfeed.tech/tags/android-development.md>), [animation](<https://devfeed.tech/tags/animation.md>), [compose](<https://devfeed.tech/tags/compose.md>), [constraintlayout](<https://devfeed.tech/tags/constraintlayout.md>), [dependency](<https://devfeed.tech/tags/dependency.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [motionlayout](<https://devfeed.tech/tags/motionlayout.md>)

## AI overview

This tutorial demonstrates MotionLayout in Jetpack Compose, using a JSON5 motion scene to define constraints and animate widgets such as a divider and an image. It also shows how to control animation progress with a composable and slider.

## Source excerpt

A demo of using MotionLayout with Jetpack Compose with motion scene set up as a JSON5