domains / families / design / gooey-blob-system

gooey-blob-system

separate

Create a gooey blob system using SVG filters where multiple shapes merge into a single fluid form. Use overlapping circles combined with a Gaussian blur and color matrix filter to produce a continuous, organic mass. The forms should visually fuse and separate based on proximity. Focus on filter-driven merging (blur + threshold effect), soft organic boundaries with no hard edges, multiple independent shapes behaving as one system, and smooth continuous motion that feels fluid and cohesive.

When to use

• organic fluid shapes that visually merge
• shapes that separate and move as one soft system
• background accent
• loader
• cursor field
• hero atmosphere

When not to use

• plain blurred circles that never merge
• fast jittery motion

Skill page

Source