Liquid Glassregistry
ShowcaseGitHub
Effects

Glass Lens

A movable refraction lens over live content; the text, grid, and chips beneath it bend in place.

LIQUID · GLASS

Refraction Sample 04

move the lens over live DOM

00:24:18:06 · F/2.8 · ISO 320
Tune

Installation

$ pnpm add @liquidglassjs/react

Remember to load the glass chrome CSS once

Import the component where you use it, then load the shared stylesheet a single time (e.g. in your root layout or app entry):

import "@liquidglassjs/core/css"