SVG Blob Generator 🔒 Runs locally in your browser — nothing is uploaded.

Generate organic, randomized blob shapes as reusable SVG paths.

8
0.40

Preview

SVG markup

About this tool

Organic "blob" shapes like this one are a staple of modern web design — used as soft decorative backgrounds behind hero text, as image masks that turn a plain photo into an irregular, hand-drawn-looking shape, or as playful accents around icons and cards. This generator builds a smooth, closed SVG path from a handful of randomly placed points, then rounds the corners with a Catmull-Rom curve so the outline flows naturally instead of looking like a jagged polygon.

The seed number is the whole shape's fingerprint: the same seed always produces the exact same blob, no matter how many times you regenerate. That means you can tweak the points and irregularity sliders until you land on a shape you like, jot down the seed, and recreate that identical blob later — or share the seed number with a teammate so they get the exact same shape instead of a different random one.

Frequently asked questions

Why does the same seed always produce the same blob?

The shape is generated by a deterministic pseudo-random function seeded with your number, so the same seed always reproduces the exact same shape — useful if you want to save or share a specific blob.

Can I use the generated SVG directly as a CSS background?

Yes — download the SVG file and reference it with background-image: url(...), or copy the path markup directly into an inline <svg> element.