KQ-203 · GOOEY/BLOB
Gooey Blob
A cluster of metaballs that behave like one gooey mass on canvas. The lead blob chases the pointer; the others hold a loose ring and get drawn in when it passes, necks stretching between them and snapping as they part — merge and split with no seams. The union is a single filled path of circles bridged by tangent-matched bezier necks over a lightly damped spring.
KQ-203 · GOOEY/BLOB
Drag to pull the goo
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/gooey-blob
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| count | number | — | Blobs including the pointer follower, clamped to 3–7. |
| height | number | — | Stage height in px when standalone. |
| children | ReactNode | — | Overlay content above the canvas. |