---
title: "liquidGL"
description: "Runtime glassmorphism layer that samples the page behind an element and renders real refraction, blur and specular highlights in WebGL."
canonical: "https://vibing.inc/library/liquidgl-vg-0162"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Liquid glass"
license: "open-source"
author: "NaughtyDuk (@naughtyduk)"
source: "https://github.com/naughtyduk/liquidGL"
---

# liquidGL
Runtime glassmorphism layer that samples the page behind an element and renders real refraction, blur and specular highlights in WebGL.
## Facts
- Source: https://github.com/naughtyduk/liquidGL
- Category: Backgrounds, Effects & CSS Oddities / Liquid glass
- Author: NaughtyDuk (@naughtyduk)
- Licence: open-source
- Tags: glassmorphism, webgl, liquid-glass, effects
## Why it's a gem
Actually refracts live DOM content instead of faking it with backdrop-filter
---
Listed in The Vibeary: https://vibing.inc/library/liquidgl-vg-0162 · JSON: https://vibing.inc/api/public/library/gems/liquidgl-vg-0162