DEV Community

Cover image for liquid-glass: React Component for Live DOM Refraction
jQueryScript
jQueryScript

Posted on

liquid-glass: React Component for Live DOM Refraction

liquid-glass adds a headless liquid glass layer to React interfaces.

  • Refract wrapped DOM content with SVG filters.
  • Build copied glass panels for Safari and Firefox.
  • Add multiple lenses over video or canvas surfaces.
  • Tune blur, curvature, glow, highlights, and chromatic edges through optics.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)