Browser Compatibility

Essence uses modern browser APIs for its visual effects. Most features work across current browsers; liquid glass is the main exception.

Feature support

Liquid glass

The Liquid card style uses SVG backdrop-filter with a custom refraction filter. Only Chromium-based browsers support this API.

When liquid glass is unavailable, Essence automatically falls back to Glass — frosted backdrop blur without refraction. The site remains fully usable; only the refractive effect is lost.

See Liquid Glass Fallback for details.

WebGL shader backgrounds

Shader backgrounds require WebGL. All major desktop and mobile browsers support WebGL when hardware acceleration is enabled.

If WebGL is unavailable or fails to initialize:

• The shader canvas may not render (dark background visible instead)
• Switch Background style to Image for a reliable static fallback

Glass and solid cards

Glass uses standard backdrop-filter blur, supported in all modern browsers.

Solid cards use only CSS backgrounds — no special browser requirements.

Reduced motion

Visitors with prefers-reduced-motion: reduce enabled get a simplified experience: no cinematic page intro, static shader frames, and static film grain. See Reduced Motion.