How is an organic blob shape generated?

Points are placed evenly around a circle, then each point's radius is randomly pulled inward by a fraction set by the irregularity control. Connecting those points with smooth cubic Bezier curves produces a closed, organic loop rather than a jagged polygon.

Why does the same seed always give the same blob?

The randomness comes from a seeded mulberry32 pseudo-random generator. Feeding it the same seed reproduces the exact same sequence of radius offsets, so the blob is fully deterministic and you can recreate or share a specific shape.

What do points and irregularity each control?

Points set how many lobes the blob can have: more points give a more complex, bumpy outline. Irregularity sets how far each radius can shrink from the base, so higher values create deeper dents and a less circular shape.

How do I keep the curve smooth and continuous?

The path uses a Catmull-Rom style smoothing where each Bezier control point is derived from its neighbouring points' positions. This keeps the tangents continuous around the whole loop, so there are no visible kinks where segments meet.

What are blobs good for in a design?

Blobs are popular as soft background accents behind hero sections, decorative shapes around illustrations, or coloured masks for images. Their organic, irregular outline contrasts with rigid grid layouts and gives a page a friendlier, modern feel.

Organic Blob SVG Generator

Soft, amorphous blobs have become a staple of modern landing pages, used as background accents and decorative shapes. This generator rolls reproducible organic blobs as smooth SVG paths, with controls for complexity, irregularity, and a seed so you can always recreate the one you liked.

How it works

Points are spread evenly around a circle, each pulled inward by a random amount, then joined with smooth Bezier curves:

angle_i  = 2π × i / N
radius_i = base × (1 − irregularity × rand)
point_i  = (cx + radius_i·cos(angle_i), cy + radius_i·sin(angle_i))

The randomness comes from a seeded mulberry32 generator, so the same seed always yields the same blob. Control points for the cubic Beziers are computed from each point’s neighbours (a Catmull-Rom style smoothing), which keeps the outline continuous with no sharp corners.

Tips and notes

Fewer points (3–5) with high irregularity give bold, lava-lamp shapes; more points with low irregularity stay close to a soft circle. Use the randomize button to roll through seeds quickly, then write down the seed value once you find a keeper so it is reproducible. Drop the SVG behind a hero section with low opacity, or use it as a clip-path mask for an image. Because the viewBox is square, the blob scales cleanly — set a width on the SVG and let the height follow.