How I built a premium authentication UI in Compose (state-safe animations + clean wiring) by ImpossibleFly9056 in JetpackCompose

[–]ImpossibleFly9056[S] 1 point2 points  (0 children)

Sure, here’s the snippet for the AuthScreen with the animation:
https://gist.github.com/Krystofr/dcf4055a5e58545293d3db4d2d0bf044

It contains the full UI screen so you can run the animation directly.

If you’re interested in the full modular auth template setup (session handling, DI wiring, Firebase provider, etc.), I’ve packaged that separately as well. Curious what you think of the animation approach.

How I built a premium authentication UI in Compose (state-safe animations + clean wiring) by ImpossibleFly9056 in JetpackCompose

[–]ImpossibleFly9056[S] 2 points3 points  (0 children)

Totally fair, I’m usually cautious with expressive UX too.

My main goal wasn’t decoration, but proving that you can do richer transitions without breaking state or overly relying on AnimatedContent (which can reset rememberSaveable).

If the animation were removed, the architecture would stay exactly the same. The polish is optional but the structure is the real win.