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-e55033.coline.space. |
| 6 |
| 7 | ### tone |
| 8 |
| 9 | - Type: `{ dark?: Partial<GlassTone>; light?: Partial<GlassTone> }` |
| 10 | - Group: Glass options |
| 11 |
| 12 | Per-appearance overrides of the variant's filters: body `blur`, `floatingBlur`, `saturate`, `contrast`, `brightness`, `tint` share, and the rim's `highlightContrast`, `highlightBrightness`, `shadeBrightness`, `glowSaturate`, `glowBrightness`, `edgeBrightness`. |
| 13 |
| 14 | ```tsx |
| 15 | <LiquidGlass tone={{ dark: { brightness: 0.4 }, light: { tint: 0.5 } }} /> |
| 16 | ``` |
| 17 |