Components

Thirty-seven components, most of them a LiquiGlass surface with a Base UI primitive driving it. A few deliberately are not — a separator is one pixel wide and has no room for a bezel, a fieldset would only be a lens for the lenses inside it to bend — and those pages say why, because knowing where the material stops is part of using it.

Every tile below is the real component rendering the real material. Open one to try it, read what is specific about putting it on glass, and copy the source shadcn add writes into your project.

Installing

Any one of them is a single command, and the first one you add brings the glass design tokens with it:

npx shadcn@latest add https://liqui.design/r/button.json

See Quick start for the namespace setup if you are adding several.