Skip to content
HL
Available
Project / webshipped

Liquid Glass Studio (fork)

Added a WebGPU backend, presets and an editor to an open-source Liquid Glass renderer

Source code ↗

Public fork of iyinchao/liquid-glass-studio, a WebGL2 shader recreation of Apple's Liquid Glass UI. On top of it I added a WebGPU rendering backend, glass presets, an editor mode with multiple shapes, SDF text rendering, HDR illumination and showcase animations, and later a light editor, a small physics engine and export/history utilities. The base renderer and UI belong to the upstream author.

Highlights

  1. 01WebGPU backend: about 1,240-line WGSL fragment shader and an 890-line WebGPURenderer, with a backend toggle and FPS overlay.
  2. 02Editor mode with circle, triangle, star, hexagon and ellipse shapes, plus 8 glass presets.
  3. 03SDF text-in-glass rendering, an HDR loader with tone mapping, and self-illumination.
  4. 0411 commits ahead of upstream: about 9,000 lines of source and docs across 41 files.

Stack