# @colineapp/liquid-glass

> Liquid Glass for the web: the rim refraction, light and motion of iOS 27's glass on any rounded element, with React bindings, menus that pour out of their button, and segmented tabs whose thumb clears into a lens. MIT.

Version 0.2.0. Install: `npm install @colineapp/liquid-glass`. npm: https://www.npmjs.com/package/@colineapp/liquid-glass. Source: https://upstream.codes/coline/liquid-glass. Playground: https://liquid-glass.coline.space.

### materialize(timing?)

- Type: `(timing?: { duration?, easing?, delay?, scale? }) => Promise<void>`
- Group: The glass handle

Grows the glass from clear to its tone, for surfaces that appear, over 240ms on ease-out cubic by default. Fade the surface's contents, never the surface: opacity below 1 hides the glass. For a surface that zooms open, scale its contents and pass the same `scale`; the glass grows by its inset instead.

```ts
await glass.materialize({ scale: 0.965 });
```