Liquid Glass for the web: the rim refraction, light and motion of iOS 27 glass on any rounded element. React bindings and pill tabs. MIT.
| 4 |
| 5 | Version 0.1.0. Install: `npm install @colineapp/liquid-glass`. npm: https://www.npmjs.com/package/@colineapp/liquid-glass. Playground: https://liquid-glass.coline.space. |
| 6 |
| 7 | ### materialize(timing?) |
| 8 |
| 9 | - Type: `(timing?: { duration?, easing?, delay?, scale? }) => Promise<void>` |
| 10 | - Group: The glass handle |
| 11 |
| 12 | Grows the glass from clear to its tone, for surfaces that appear. 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. |
| 13 |
| 14 | ```ts |
| 15 | await glass.materialize({ duration: 240, scale: 0.96 }); |
| 16 | ``` |
| 17 |