Gooey
Liquid UI for React. Touching pieces merge like goo and morph like jelly while text stays crisp.
Installation
npm install liquid-gooey
Usage
import { Liquid } from 'liquid-gooey'
<Liquid blur={6} contrast={18} fill="#fff" shadow="0 2px 6px rgba(0,0,0,.08)">
<Liquid.Item x={open ? -54 : 0} y={open ? -34 : 0} transition="bouncy">
<button className="round-btn">…</button>
</Liquid.Item>
<Liquid.Item x={0} y={open ? -64 : 0} transition="bouncy" delay={40}>
<button className="round-btn">…</button>
</Liquid.Item>
</Liquid>