VII-Cae/hyalite--liquid-glass

Real refraction liquid glass for the web: SDF lens maps + SVG displacement + backdrop-filter. One file, no WebGL.

Web & frontendJavaScript#backdrop-filter#css#glassmorphism#liquid-glass#refraction

1.0 Cooling Magnitude out of 10. Star growth looks organic. Data as of September 14, 2026.

About the project

A library for a real refraction "liquid glass" effect on the web: it computes a lens map from an element's size and corner radii and feeds it to an SVG filter via backdrop-filter, so the backdrop bends at the edges. One file, no WebGL, no build step.

Useful for

Add a refractive glass effect to cards or panels on a site
Tune the bevel profile (circle, squircle, lip) and glass thickness for a design
Run npm test to verify lens map correctness in headless Chromium

README summarized by DeepSeek V4.1 Flash. Details may be inaccurate.

Why it’s trending

4 stars today.
The spike has held for 2 days in a row — not a one-off blip.
The repository is 6 days old and already has 179 stars.
Top new repositories this week: #80.

Stars per day

Bars are daily stars, the line is the usual pace. Red marks spike days.

Numbers

Total stars: 179
Stars in a day: 4
Forks: 10
Issues and pull requests: 0
Watchers: 0
Language: JavaScript
License: MIT
Latest release: v0.5.0 · September 11, 2026
Created: September 7, 2026
Last push: September 11, 2026

Star trust

Growth looks organic: forks and discussion are in line with active projects, and stars arrive unevenly, the way people give them.

These are heuristics, not a verdict: we judge by the repository’s behavior, not by a list of stargazers.

Spotted in

September 13, 2026Top new repositories this week: #74

README badge

Paste it into your README — the badge shows the current magnitude and links to this page.

[![Seismograph](https://gitnova.dev/badge/VII-Cae/hyalite--liquid-glass.svg?lang=en)](https://gitnova.dev/en/r/VII-Cae/hyalite--liquid-glass)

Similar projects

3.5
liangshanbo789/aidaicai
Marketing site and repo for a service that procures OpenAI/ChatGPT subscriptions for Chinese enterprises: corporate bank transfer, 6% VAT invoices and an SLA contract. Contains the Next.js 15 + Tailwind CSS +…

Early signalWeb & frontendTypeScript+2 stars in a day
3.4
react/react
A JavaScript library for declaratively building user interfaces from components; runs in the browser, on the server via Node, and in mobile apps via React Native.

SteadyWeb & frontendJavaScript+331 stars in a day
3.3
haplollc/Minted
A SwiftUI library that turns SVG or raster artwork into a physically-lit 3D gold medallion with enamel, engraving and momentum spins. Geometry is generated from 2D paths, so no 3D assets are needed.

Early signalWeb & frontendSwift+4 stars in a day
3.0
Atomicx7/Duo-animation
An Android demo app in Kotlin that reproduces the iPhone Duo fold/opening animation using a RuntimeShader and rotation-vector sensor data. It renders a glass pane rotating around the hinge with per-pixel blur and…

CoolingWeb & frontendKotlin+4 stars in a day
2.9
DioxusLabs/dioxus
Cross-platform fullstack framework in Rust for building web, desktop, and mobile apps from a single codebase with JSX-like rsx! syntax and signals-based state.

BreakoutWeb & frontendRust+26 stars in a day
2.9
LBEILC/RhineLabUI
Unofficial web recreation of the Rhine Lab terminal interface from the Arknights special: an interactive 3D archive built with TypeScript, Three.js and Vite, featuring 40 dossiers, decryption animations and a 360°…

CoolingWeb & frontendTypeScript+24 stars in a day