Liquid Glassregistry
ShowcaseGitHub
Effects

Glass Shape

Liquid glass clipped to any alpha source: an inline <svg>, <img>, or <canvas>.

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"