Components
Glass Slider
A slider: Base UI Slider with a real glass thumb. Drag it and the rail refracts through the glass, a live SVG lens rather than a CSS blur.
Tune
Installation
$ pnpm dlx shadcn@latest add https://amir-abushanab.github.io/liquid-glass-js/r/glass-slider.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"