simple-liquid-glass

npm v4.1.0

1,017 weekly downloads · MIT · 0 Dependencies

Recently publishedZero dependenciesSingle maintainer

Source data as of:

Summary

Zero-dependency React liquid glass with real SVG-displacement refraction on Chromium/Edge/Android-Chrome (a polished frosted-glass fallback on Safari/iOS/Firefox). Directional + animated 'liquid' refraction, lens modes. SSR-safe, 10KB (web component 6KB

Install npm install simple-liquid-glass

Registry values

Reproduced verbatim from the official registry, with the source named on each value.

Weekly downloads 1,017 Source: npm Registry
Releases 26 Last release: 2026-06-20 Source: npm Registry
Dependencies 0 Source: npm Registry

Description

Zero-dependency React liquid glass with real SVG-displacement refraction on Chromium/Edge/Android-Chrome (a polished frosted-glass fallback on Safari/iOS/Firefox). Directional + animated 'liquid' refraction, lens modes. SSR-safe, 10KB (web component 6KB

Registry-supplied description, cleaned to plain text. Source: npm Registry.

Show original (raw) description 
Zero-dependency React liquid glass with real SVG-displacement refraction on Chromium/Edge/Android-Chrome (a polished frosted-glass fallback on Safari/iOS/Firefox). Directional + animated 'liquid' refraction, lens modes. SSR-safe, ~10KB (web component ~6KB

Package details

Package
simple-liquid-glass
Registry
npm
Version
4.1.0
Weekly downloads
1,017 (weekly)
License
MIT
Dependencies
0
Releases
26
Last release
2026-06-20
First published
2025-08-09
Keywords
liquid-glass, liquid-glass-react, react-liquid-glass, apple-liquid-glass, ios-glass, ios-26, safari-glass, firefox-glass, cross-browser, webkit, glassmorphism, glass-morphism
Homepage
https://simple-liquid-glass.vercel.app/

Why a field shows "—": A dash means the value is not published by the source registry for that package. Quanteta never fills in a guessed value — a missing field stays blank.

Derived indices (computation method published)

Quanteta-computed from the registry values below. This is a derived index, not a measured registry metric. See the formula on the Data & Sources page.

Q-Vitality Quanteta 93.3 / 100 Maintenance activity index (release cadence + download level).
Q-Trust Quanteta 4.0 / 100 Adoption / stability index (community size + download stability + age).
Q-Risk Quanteta 1.7 / 100 Dependency-surface index. Higher = more risk factors detected.

Data & Sources

Related packages

Other packages sharing a factual facet, for cross-reference. A descriptive neighbourhood — ordering does not imply a recommendation.

Same ecosystem

@types/deep-eql npm 52,879,783 openapi-typescript npm 4,593,825 highcharts npm 2,418,184 buffer-more-ints npm 1,738,228

Same license

charset-normalizer PyPI 342,682,071 pluggy PyPI 268,215,411 six PyPI 256,378,274 PyYAML PyPI 249,146,595
← Back to all packages