Install the core Liquid Glass primitive
pnpm dlx shadcn@latest add https://parallax-glass.vercel.app/r/liquid-glass.jsonWith npm, replace the command prefix with npx shadcn@latest add. The registry endpoint resolves declared dependencies and writes the source to your configured shadcn component directory.
You own the installed source
This project is a source distribution rather than a private component runtime. After installation, your application owns the component files, material registry, browser capability checks, and refraction engine. You can review every SVG primitive and adapt the public component locally.
The core item has no Motion dependency. Animated compositions declare Motion only when they need spring, drag, or morph behavior.
Registry components
| Item | Use | Motion |
|---|---|---|
liquid-glass | Core optical surface | No |
liquid-glass-icon-pill | Circular icon actions | No |
liquid-glass-magnetic-pointer | Pointer attraction and press deformation | No |
liquid-glass-navigation | Draggable segmented navigation | Yes |
liquid-glass-capsule | Free drag, squish, and spring return | Yes |
liquid-glass-menu | Morphing compound menu | Yes |
Install an optional composition
pnpm dlx shadcn@latest add \
https://parallax-glass.vercel.app/r/liquid-glass-navigation.jsonEach registry item declares its local files and dependencies. Install only the pieces your interface needs.