Liquid Glassregistry
ShowcaseGitHub
Components

Glass Dialog

A modal dialog: Base UI behavior (focus trap, scroll lock, ARIA) with a frosted glass panel over a dimmed backdrop.

Tune

Installation

$ pnpm dlx shadcn@latest add https://amir-abushanab.github.io/liquid-glass-js/r/glass-dialog.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"