# Made in Compose - Dynamic Island

DevFeed: [Made in Compose - Dynamic Island](<https://devfeed.tech/articles/made-in-compose-dynamic-island-25777.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/dynamic-island/>)

Author: sinasamaki

Published: 2023-01-10T07:33:57Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [procedural flowers](<https://devfeed.tech/topics/procedural-flowers.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [apple](<https://devfeed.tech/tags/apple.md>), [article](<https://devfeed.tech/tags/article.md>), [compose](<https://devfeed.tech/tags/compose.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [sealed-class](<https://devfeed.tech/tags/sealed-class.md>), [state](<https://devfeed.tech/tags/state.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how to recreate four Dynamic Island states from the iPhone 14 Pro in Jetpack Compose, including the default, face unlock, call, and call-and-timer states. It covers sealed classes for state management and animated content and size transitions.

## Source excerpt

Recreating the dynamic island animation from the new iPhone 14 Pro in Jetpack Compose.