Liquid Glassregistry
ShowcaseGitHub
Components

Glass Switch

A toggle: Base UI Switch with a real glass thumb. Press it and the track 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-switch.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"