AnimationsNew
Gooey SVG Filter
An SVG filter that merges nearby elements into one blob. In the demo menu items flow out of the button like liquid.
Customize
color
Based on Gooey SVG Filter (MIT license) ยท Terms of use
More in Pro
View allProps
3 properties| Property | Type | Default | Description |
|---|---|---|---|
| id | string | "gooey-filter" | Filter id. Apply it with style={{ filter: 'url(#id)' }}. |
| strength | number | 10 | Blur strength: the higher, the sooner elements merge. |
| color | string | "#ffffff" | Fill of the merged blobs. Paint the shapes in the same colour. |
Dependencies
Nothing to install