# @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 and tabs whose thumb lifts into a lens. MIT.

Version 0.1.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.

### <LiquidGlass />

- Type: `LiquidGlassOptions & { className?, style?, children?, glassRef? }`
- Group: React

Glass behind a surface's content. Render it first inside a positioned, rounded element. `glassRef` receives the handle, for materialize() and magnify().

```tsx
<nav className="relative rounded-full px-6 py-3">
  <LiquidGlass interactive />
  …
</nav>
```