Noise Blob
Organic liquid morphing blobs using SVG color matrix and blur filters to create a gooey lava lamp visual.
Component Showcase
Noise Blob
Organic liquid morphing blobs using SVG color matrix and blur filters to create a gooey lava lamp visual.
SVG FilterGooeyLiquid
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor
Main color of gooey blobs.
secondaryColor
Secondary color of gooey blobs.
blobSize
Pixel diameter of individual blobs.
speed
Floating and morphing speed.
gooeyness
Intensity of gooey blending threshold.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | "#ff5c71" | Main color of gooey blobs. |
| secondaryColor | string | "#7fff5e" | Secondary color of gooey blobs. |
| blobSize | number | 120 | Pixel diameter of individual blobs. |
| speed | number | 1.0 | Floating and morphing speed. |
| gooeyness | number | 10 | Intensity of gooey blending threshold. |