liquid-glass
Headless React liquid-glass refraction for the live DOM
liquid-glass is a headless React component that applies Apple-style liquid glass refraction to live page content. The project site describes real refraction across Safari, Firefox, and Chrome with zero dependencies. Public demos are available. A formal open-source license and package name were not confirmed on the checked marketing page, so verify install and reuse terms before shipping.
Use this only when you need live DOM glass refraction rather than a static glass mockup. Confirm the package name, install path, and license in the project docs before adding it to production. Prefer reduced-motion fallbacks for accessibility.
Why it is here. It targets live-page glass refraction instead of a static CSS blur trick.
- live DOM refraction
- React headless lens
- cross-browser claim
Verified 2026-10-05. HTTP 200. Checked https://glass.samasante.com/ on 2026-10-05. Meta description covers Apple-style liquid glass for the web with zero dependencies. Source tweet: https://x.com/himanshubuildss/status/2106411655055974640.
