liquidglassexample

June 13, 2025 ยท View on GitHub

Example of liquid glass effect in Flutter

This LiquidGlass effect can be achieved by reflecting the internal texture at the edge of the glass. But maybe this example is not good enough. Such as the blurred(or frosted) content is not implemented, as it's optional in apples design.

Probably can be used in other packages.

Effect comparison

The apple's effectThe example

Video

https://github.com/user-attachments/assets/1450ee1d-06c8-4b4f-9853-6c9a5d280ed8

TODOs

  • Implement blurred content.
  • Shadow and light direction.
  • Water droplet effect between multiple glasses. Using SDF?
  • Configurable parameters(size, radius, lightDirection, et).