kube

🚀 @kubekhrm.bsky.social is speaking at #ReactParis 2026

Inspired by Apple's Liquid Glass, Chris will demonstrates how to achieve realistic refraction effects in the browser using #CSS and #SVG, based on simple math and physics concepts.

Learn more & join Chris in #Paris
👉🏼 react.paris

Thank you!
Curious to see if it will help you porting refractive effects to Haze, and to see the end result in any case.

Thank you! It was more work than I expected. I appreciate it.

Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.

Just published my first blog post: recreating Liquid Glass in the browser.
It’s a deep dive into refraction math, SVG filters, and some CSS.

Full write-up with demos here: kube.io/blog/liquid-...

(Works fully in Chrome, basics + interactive visuals in Safari.)

#LiquidGlass #Apple #CSS #UI