Liquid Glass in the Browser

Chris Coyier Chris Coyier on

There was a quick surge of people re-creating liquid glass in the browser shortly after Apple’s debut of the aesthetic. Now that it’s settled in a bit, there have been some slower more detailed studies.

  • Chris Feijoo leaned into SVG because of the advanced filtering abilities and has the most faithful looking demos I’ve seen yet.
  • Chester Li used the all-powerful WebGL shaders to get some of the most unusual effects like chromatic aberration and distortion. (Note the blog is literally Notion, which I’m not sure I’ve seen anyone lean into quite like that before.)

Wanna learn SVG & Animation deeply?

Leave a Reply

Your email address will not be published. Required fields are marked *

$966,000

Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.