Components
Glass Surface
The base primitive: crisp content over a glass surface that frosts the scene behind it, and refracts it on Chromium.
Glass surface
Content over refracting glass.
Tune
Installation
$ pnpm dlx shadcn@latest add https://amir-abushanab.github.io/liquid-glass-js/r/glass-surface.json
Copies the source into components/liquid-glass/ and installs its dependencies. Requires a shadcn-initialized project.
Remember to load the glass chrome CSS once
Load the shared stylesheet a single time (e.g. in your root layout or app entry):
import "@liquidglassjs/core/css"