---
title: "Hyalite"
description: "Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL."
canonical: "https://vibing.inc/library/hyalite-vg-2194"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Liquid glass"
license: "MIT"
author: "@VII-Cae"
source: "https://vii-cae.github.io/hyalite--liquid-glass/demo/index.html"
---

# Hyalite
Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.
## Facts
- Source: https://vii-cae.github.io/hyalite--liquid-glass/demo/index.html
- Category: Backgrounds, Effects & CSS Oddities / Liquid glass
- Author: @VII-Cae
- Licence: MIT
- Tags: liquid-glass, svg-filter, refraction, css, glass
## Why it's a gem
Edges actually bend what's behind them; a live playground beats plain blur glassmorphism.
---
Listed in The Vibeary: https://vibing.inc/library/hyalite-vg-2194 · JSON: https://vibing.inc/api/public/library/gems/hyalite-vg-2194