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
- count
- number
- default —
- Blobs including the pointer follower, clamped to 3–7.
- height
- number
- default —
- Stage height in px when standalone.
- children
- ReactNode
- default —
- Overlay content above the canvas.
| 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. |