Components
Glass Card
A glass surface with a border, padding, and an elevation shadow.
Glass card
glass-surface + a border + a shadow.
Tune
Installation
$ pnpm dlx shadcn@latest add https://amir-abushanab.github.io/liquid-glass-js/r/glass-card.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"