Skip to content
← All work
WebFork / extension

Liquid Glass Studio (fork)

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

Role
Contributor (fork)
Client / product
Personal
Years
2026
Status
Shipped

Overview

Public fork of iyinchao/liquid-glass-studio, a WebGL2 shader recreation of Apple's Liquid Glass UI. On top of it Hamza 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.

View public source ↗

Highlights

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

Technology

Platforms

Web
TypeScriptReactWebGPUWGSLWebGL2GLSLViteLeva

Project visuals

Illustrated overview of the project's documented capabilities.

Liquid Glass Studio (fork): illustrated overview. Added a WebGPU backend, presets and an editor to an open-source Liquid Glass renderer
Next projectLuvory→