---
title: "liquid-glass-studio"
description: "WebGL2 and WebGPU recreation of Apple's liquid glass with tunable refraction, dispersion, blur and shadow parameters in a live playground."
canonical: "https://vibing.inc/library/liquid-glass-studio-vg-0161"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Liquid glass"
license: "open-source"
author: "(@iyinchao)"
source: "https://github.com/iyinchao/liquid-glass-studio"
---

# liquid-glass-studio
WebGL2 and WebGPU recreation of Apple's liquid glass with tunable refraction, dispersion, blur and shadow parameters in a live playground.
## Facts
- Source: https://github.com/iyinchao/liquid-glass-studio
- Category: Backgrounds, Effects & CSS Oddities / Liquid glass
- Author: (@iyinchao)
- Licence: open-source
- Tags: webgl, webgpu, liquid-glass, shader
## Why it's a gem
Parameter playground lets you dial the exact glass look before exporting
---
Listed in The Vibeary: https://vibing.inc/library/liquid-glass-studio-vg-0161 · JSON: https://vibing.inc/api/public/library/gems/liquid-glass-studio-vg-0161