Noise Blob
Organic liquid morphing blobs using SVG color matrix and blur filters to create a gooey lava lamp visual.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor#ff5c71
Main color of gooey blobs.
secondaryColor#7fff5e
Secondary color of gooey blobs.
blobSize120
Pixel diameter of individual blobs.
speed1
Floating and morphing speed.
gooeyness10
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. |