Liquid Glass (web)

Apple-inspired liquid glass on the web — blur, refraction, and motion without WebGL.

Problem

After Apple’s liquid glass UI update, most web recreations either look flat or lean on heavy WebGL. The challenge was fidelity with native web primitives only.

Solution

A landing-page experiment that builds liquid glass through layered blur, refraction, subtle chromatic aberration, and interaction-driven motion — HTML, CSS, SVG, and JavaScript only, focused on performance and visual detail.

Stack

HTML · CSS · SVG · JavaScript · UI motion

Outcome

Public demo at jvalaj.github.io/liquid-glass-try used as a craft study in interface polish and performance-conscious visual systems.

Relevant craft

UI design · prototyping · performance · attention to detail · creativity · frontend

Built by Jvalaj Pandey, software engineer & UI designer.