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.
| 1 | # @colineapp/liquid-glass |
| 2 | |
| 3 | > 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. |
| 4 | |
| 5 | Version 0.2.0. Install: `npm install @colineapp/liquid-glass` |
| 6 |
| 7 | ### swell |
| 8 |
| 9 | - Type: `boolean` |
| 10 | - Default: as interactive |
| 11 | - Group: Glass options |
| 12 |
| 13 | Pressed, the surface swells about its centre and springs back with a slight overshoot on release; held and dragged, it leans after the pointer like taffy, stretching along the pull. On for interactive glass unless set to false; on its own for glass you press, like a search field. Buttons that open a menu or dialog don't swell, so what opens from them holds still. |
| 14 |
| 15 | ```tsx |
| 16 | <LiquidGlass interactive swell={false} /> |
| 17 | ``` |
| 18 |
