DEV Community

Cover image for Liquid Glass: WebGL2 Refraction Lens for Next.js and React
jQueryScript
jQueryScript

Posted on

Liquid Glass: WebGL2 Refraction Lens for Next.js and React

Liquid Glass: a React component for adding an Apple-style Liquid Glass lens to hero sections and visual landing pages.

Key details:

  • Raw WebGL2 shader effect.
  • shadcn CLI install.
  • Typed React props.
  • Cursor-following lens, click ripples, and idle motion.
  • Static fallback when WebGL2 is unavailable.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)