Gooey Experiments
A gallery of drag-to-merge and hover-morph gooey micro-interactions built with SVG filters.
Gooey Tooltip
A tooltip bubble that follows the cursor and gooey-connects to its trigger button on hover.
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-gooey-tooltipGooey Info Popover
A round trigger that morphs into an info panel on hover — pass any content as children.
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-gooey-info-popoverGooey Slots Tooltip
A round trigger that expands upward into a rich content card on hover.
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-gooey-slots-tooltipGooey Blobs
Two draggable blobs — drag them close together to see them merge into one liquid shape.
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-gooey-blobsKeep in mind
- MIT License: Free and open-source for personal and commercial use. Feel free to copy, tweak, and adapt the components to match your exact needs.
- Credits & Inspiration: Some components on this site are inspired by or recreated from great ideas across the web. I'm not here to take credit; just to learn, experiment, and push interface craft further.
- Reach out & Claims: If an attribution was missed, or if you have any inquiry or claim, feel free to reach out directly on X to @adrielzimbril. I'll be glad to update or resolve it right away.