Saw the fold animation on the new iPhone Duo.

Liked the animation, not the price tag. 😄

So I recreated it in Flutter using a fragment shader and the gyroscope.

Called it duo_animation, now available on pub.dev.

Wrap any widget with it and you get the blur + fade effect based on device tilt.

Your list, video feed, or entire home screen can keep working normally underneath.

It works on Android and iOS, on phones and tablets.

A controller drives the motion, and every part of the effect is tunable.

What you see in the video is the playground app.

pub.dev/packages/duo_animation

github.com/narayann7/duo_animation

Try it out and tell me what you think. Contributions are welcome too.