# Page Flip animation in Jetpack Compose

DevFeed: [Page Flip animation in Jetpack Compose](<https://devfeed.tech/articles/page-flip-animation-in-jetpack-compose-25796.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/page-flip-3d-animation-in-jetpack-compose/>)

Author: sinasamaki

Published: 2024-05-30T13:37:24Z

Content type: tutorial

Language: en

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

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

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [article](<https://devfeed.tech/tags/article.md>), [code](<https://devfeed.tech/tags/code.md>), [compose](<https://devfeed.tech/tags/compose.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>)

## AI overview

A tutorial that recreates Flipboard's page-turn animation in Jetpack Compose. It explains orientation handling, disabling the pager's default translation, capturing bitmap snapshots, and rotating clipped page sections based on user dragging.

## Source excerpt

Made in Compose: Flipboard page fold animation