shuding/liquid-glass

Copy-paste Liquid Glass shader with SVG

JavaScript

1,197

5 commits

updated Mar 26, 2026

See the code

README

Liquid Glass effect using SVG filters (https://github.com/shuding/svg-shaders).

Demo

https://v0.dev/chat/dynamic-frame-layout-1VUCCecq7Uy.

Usage

Simply paste https://github.com/shuding/liquid-glass/blob/main/liquid-glass.js into any website console.

Example

CleanShot 2025-06-11 at 12 02 53@2x

liquid-glass

Significant stargazers

Jason Miller

13,166 followers · starred Aug 2026

LongYinan

5,095 followers · starred Jun 2025

Tobias Fried

556 followers · starred Jul 2025

Jiachi Liu

2,102 followers · starred Jun 2025

Similar repos

LeonardSEO/liquid-glass-react

Real Apple-style "Liquid Glass" edge refraction for React/Next.js using a single SVG…

bergice/liquidglass

Drinking the kool-aid.

300

dashersw/liquid-glass-js

Liquid Glass UI - Apple-Inspired Glass Effects Library

1,405

rdev/liquid-glass-react

Apple's Liquid Glass effect for React

6,366

DavidHDev/canvas-ui

A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue,…

4,795

fand/vfx-js

WebGL effects made easy.

1,152

evanw/glfx.js

An image effects library for JavaScript using WebGL

3,457

QmDeve/AndroidLiquidGlassView

Android imitation of iOS 26 liquid glass effect, AndroidLiquidGlassView library has real refraction…

323