# Gooey

Tool by Jakub Antalik (https://libraries.dev)

Morph, move, bend and melt effects with tunable goo blur, contrast, waviness, bounce and stagger. Part of Libraries.dev, packaged so an agent can consume it.

Topics: Motion, Components
Source: https://libraries.dev/gooey

## Install

```bash
npm i liquid-gooey
```

## Usage

```tsx
import { Liquid } from 'liquid-gooey'

<Liquid fill="#202020">
  <Liquid.Item x={open ? -54 : 0} y={open ? -34 : 0}>
    <button className="round-btn">…</button>
  </Liquid.Item>
  <Liquid.Item>
    <button className="round-btn">+</button>
  </Liquid.Item>
</Liquid>
```

## Verification

- Source link: Resolved (HTTP 200) (pass)
- Install command: Transcribed from the author's own page (pass)
- Attribution: Credited to Jakub Antalik (pass)

Full page: https://stackskills.dev/library/gooey