---
title: "liquid-glass (shuding)"
description: "Single-file copy-paste Apple-style liquid glass shader built from SVG displacement filters, no framework or build step required."
canonical: "https://vibing.inc/library/liquid-glass-shuding-vg-0159"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Liquid glass"
license: "MIT"
author: "Shu Ding (@shuding_)"
source: "https://github.com/shuding/liquid-glass"
---

# liquid-glass (shuding)
Single-file copy-paste Apple-style liquid glass shader built from SVG displacement filters, no framework or build step required.
## Facts
- Source: https://github.com/shuding/liquid-glass
- Category: Backgrounds, Effects & CSS Oddities / Liquid glass
- Author: Shu Ding (@shuding_)
- Licence: MIT
- Tags: liquid-glass, svg-filter, css, vanilla
## Why it's a gem
One HTML file that started the web liquid-glass wave; drop it anywhere
---
Listed in The Vibeary: https://vibing.inc/library/liquid-glass-shuding-vg-0159 · JSON: https://vibing.inc/api/public/library/gems/liquid-glass-shuding-vg-0159