CODDY Tool

Blob Generator

Generate a smooth, organic SVG blob shape — solid or gradient fill, downloadable.

Generate the smooth, organic blob shapes used as decorative backgrounds behind hero images and cards. Adjust point count and irregularity, fill with a solid colour or gradient, and download the SVG — or note the seed to get the exact same shape back later.

Everything you enter stays in this browser tab. Nothing is sent to our servers, logged or stored.

Loading tool…

About Blob Generator

A 'blob' shape is a handful of points scattered around a circle, each pushed slightly in or out from the centre, connected by a smooth curve rather than straight lines — that last part is what separates an organic-looking blob from a jagged random polygon. The curve here is a Catmull-Rom spline, converted to the cubic Bézier segments SVG actually understands, run through every point in sequence and back to the start.

Point count controls how much detail the outline has — three or four points make a simple, soft lozenge shape; ten or twelve add enough anchor points for genuinely irregular, lobed outlines. Irregularity controls how far each point is allowed to wander from a perfect circle; at 0% every point sits at exactly the same radius and the result is a perfect circle regardless of point count.

The randomness behind a shape is seeded, not fresh every time — the same seed, point count and irregularity always reproduce the identical outline. That is deliberate: a blob is usually a starting point someone iterates on or drops into a design file, and being able to get back to a shape you liked (or hand a teammate the exact settings) is more useful than the shuffle button always being a surprise.

How to generate a blob

  1. Adjust points and irregularity

    More points add detail; higher irregularity makes a less circular, more organic outline.

  2. Shuffle for a new shape

    Or type in a seed you want to return to.

  3. Choose a fill

    A solid colour, or a gradient between two.

  4. Download the SVG

    A complete, standalone file — ready to drop into a design tool or a webpage.

Frequently asked questions

Can I get the exact same blob shape back later?

Yes — note the seed number, point count and irregularity shown, and entering the same three values regenerates the identical outline. Shuffle only changes the seed; everything else stays as you set it.

Can I edit the shape after downloading?

Yes — the SVG contains one <path> element with a standard sequence of cubic Bézier curves, which any vector editor (Figma, Illustrator, Inkscape) can open and reshape by dragging the path's own points directly.

Why does a low irregularity still look slightly uneven?

Even a small amount of irregularity moves every point independently, so at low settings the result is a gentle, rounded, still slightly organic shape rather than a mathematically perfect circle — only exactly 0% produces a true circle.

Is the SVG output resolution-independent?

Yes — it's a vector path, not a raster image, so it scales to any size with no pixelation, from a small icon to a full-page background. That is also why the file stays tiny regardless of how large it is displayed.

Blob Generator is free to use with no account, no watermark and no usage limits. Last updated 3 September 2026.