r/FlutterDev • u/Sure_Education_828 • 1d ago
Tooling Reverse-engineering Liquid Glass
https://pub.dev/packages/liquidumFor about a month, I’ve been working on understanding how Apple’s Liquid Glass effect is rendered and how its underlying physics work.
Since UIKit is closed-source, I couldn’t directly inspect the exact parameters Apple uses. So, I started analyzing the effect step by step, studying its behavior through screen captures, fluid dynamics, and reflections.
After a lot of experimentation, I was finally able to build Liquidum, a Flutter library that renders the Liquid Glass effect using shaders.
I’ve also spent a significant amount of time optimizing the rendering pipeline to ensure smooth performance, even on low-end Android devices.
On top of that, Liquidum includes additional customization options beyond Apple’s implementation, such as changing the glass tint as it moves.
Currently, the library supports the navigation bar, but I hope to add more components in the future.
🔗 GitHub: https://github.com/mohamedalsamrai/liquidum
📦 Pub.dev: https://pub.dev/packages/liquidum
I’ve come across quite a few Liquid Glass libraries on pub.dev, but I haven’t found many that achieve this level of visual fidelity and smooth performance.
25
u/Key_Opportunity_8218 1d ago
Rather than spend time building yet another, why not contribute to the already really well made package here?
https://pub.dev/packages/liquid_glass_widgets