Refracting glass for the web

Real glass, rendered live.

Per-pixel refraction, chromatic aberration and a bevelled lens — over a texture you supply, or over the live page with one call to glassify().

Open the playground Read the guide
🔮

Real refraction

Chromatic aberration, specular and Fresnel — on the GPU.

Tune it live →
🪄

glassify() anything

Turn existing DOM into glass, refracting the live page.

See Glassflix →
🧩

Runs anywhere

React, vanilla, PWA, HTML5 TV / webOS / Tizen.

How to use →
⚡

Open source

One draw call for hundreds of panels. MIT.

View on GitHub →
Two renderers, one API. WebGL for a texture · glassify() for live DOM. Ships as ESM, CommonJS and a plain <script> for React, PWAs and HTML5 TV.
renderer: …