← Back to gallery
SVGFeatured

Gooey Blob Metaball Filter

A project-authored SVG filter showcase where blurred alpha fields and color-matrix contrast fuse circles into elastic gooey blob bridges.

Duration
4s
Resolution
1440×900
Format
SVG
blobgooeymetaballsvg-filterfeColorMatrix

Blob / gooey / metaball / SVG filter

Gooey blob metaball filter

Reimplements SVG goo with authored circles, blur, and alpha contrast so neighboring shapes can soften, merge, and separate without importing any external animation asset.

lagoon drift blob active — lagoon drift blob

Slow pool + drifting droplets

Lagoon Drift

Lagoon Drift shows how blurred alpha fields can merge into one elastic silhouette before smaller droplets peel away again.

A medium blur softens overlaps while a stronger alpha contrast pulls the pooled outline back into a readable blob.

  • metaball merge
  • floating droplets
  • soft pooling

Hot core + compact sparks

Ember Cluster

Ember Cluster packs hotter droplets closer together so the gooey bridge snaps on quickly and feels denser than the cooler lagoon preset.

Tighter spacing shortens the gap that blur must fill, so multiple circles collapse into one heavier molten mass.

  • compact cluster
  • molten feel
  • loading badge

Central pool + offset satellite

Orbit Bloom

Orbit Bloom separates the satellite path from the central pool so the blend feels orbital instead of random.

A higher alpha contrast turns faint blur overlap into a cleaner metaball bridge as the satellite sweeps past the center mass.

  • orbital bridge
  • offset motion
  • satellite droplet