LIQUID GLASS
A free web demo — play it in your browser, no install. Figma's Liquid Glass effect rebuilt as a real-time WebGL2 renderer. Design glass on any shape or SVG path, then export a copy-paste config. Adds Reach and Soften — two controls Figma doesn't have.
Vote and save it — free account with email or sign in with GitHub
Made this, @Miftahul-Islam-Efaz? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Refraction: how hard the background bends · Depth: how thick the glass reads
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
Figma's Liquid Glass effect, rebuilt as a real-time WebGL2 renderer.
Design the glass in the browser, then export a config you can paste anywhere.
Live site → · Open the editor → · Guide →
Real refraction, not a blur filter. A signed distance field is built from any shape, turned into a height field, and used to bend the background per pixel on the GPU — with chromatic dispersion, frost, and specular light.
Reach and Soften go beyond Figma. Figma's bevel is pinned near the border, which caps how much the glass can behave like a real lens; Reach lifts that cap.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
Liquid Glass with WebGL
✨ Liquid Glass with WebGL. A lightweight, modular library for liquid glass effects on HTML elements. The page background is captured with…
Ray Tracing
A quick simple ray tracing written in glsl using JavaScript and WebGL
blazing energy showcase
Cinematic 3D energy drink experience built with JavaScript, Three.js and WebGL.
- particle rendering experiment Interactive browser experiment exploring particle rendering and animation.
maharajahul design
A portable design skill for coding agents. Art direction, working interfaces, real-time graphics and 11 interactive demos.
Blotter
A JavaScript API for drawing unconventional text effects on the web.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
