---
title: "glassy-liquid"
description: "Liquid Glass control library for the web: nineteen iOS 26 style components with real refraction, as Web Components plus React, Vue and Svelte bindings, about 36 kB gzip."
canonical: "https://vibing.inc/library/glassy-liquid-vg-2544"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Liquid glass"
license: "MIT"
author: "@9und30"
source: "https://9und30.github.io/glassy-liquid/"
---

# glassy-liquid
Liquid Glass control library for the web: nineteen iOS 26 style components with real refraction, as Web Components plus React, Vue and Svelte bindings, about 36 kB gzip.
## Facts
- Source: https://9und30.github.io/glassy-liquid/
- Category: Backgrounds, Effects & CSS Oddities / Liquid glass
- Author: @9und30
- Licence: MIT
- Tags: liquid-glass, web-components, refraction, webgl, ui
## Why it's a gem
Actual refraction in Safari and Firefox via a WebGL scene, not just Chromium-only frost.
---
Listed in The Vibeary: https://vibing.inc/library/glassy-liquid-vg-2544 · JSON: https://vibing.inc/api/public/library/gems/glassy-liquid-vg-2544