Free SVG Blob Generator

The "blob" became a defining shape of 2019-era web design. Pioneered by sites like Stripe, Cash App, and Slack, the soft irregular silhouette signalled "modern, friendly, human" in a sea of harsh geometric layouts. Today it has settled in as a permanent fixture of web and mobile UI — abstract enough to never feel dated, organic enough to never feel cold.

Mathematically a blob is just a closed bezier curve through N vertices placed around a circle, with each vertex pulled inward or outward by a small random amount. The math is simple; the visual personality comes from the parameters. Lots of small lobes = bumpy and busy. A few big lobes = smooth and calm. Sharp handles = jagged. Loose handles = flowy.

This generator parameterises that math through four sliders. Lobe count sets the rhythm. Bumpiness controls how wild the radial perturbation is. Softness controls handle length, which is what makes a blob feel "loose" or "tight". Seed picks which random pattern you get — flipping through seeds is the fastest way to find a blob that feels right.

For web: paste the SVG inline into your HTML or use it as a CSS `mask-image` / `clip-path`. Inline SVG can be styled with CSS — change fill on hover, animate the path, or apply filters. Works on every modern browser.

For design tools: copy the SVG and paste into Figma, Sketch, Illustrator — it imports as an editable vector that you can colour, layer, and combine with other elements.

For raster contexts: download PNG (transparent background, good for layering) or JPG (white background, smaller file). Pick the size that matches your usage — 1024 is plenty for most web; go 2048 or 4096 only for print or very large displays.

Lower lobe counts (5–7) tend to read as more sophisticated; higher counts (9–12) read as playful or chaotic. Match the lobe count to your brand voice.

Subtle bumpiness (0.2–0.4) reads as intentional and refined. High bumpiness (0.7+) reads as expressive or chaotic — use sparingly, often for kids' brands or playful contexts.

Pair blobs with their style: gradient fills feel premium, solid fills feel direct, pattern fills feel decorative. The shape is forgiving — most styles look fine.

Use blobs as **frames**, not as the focal point. A blob behind a photo, a blob behind a stat — the eye sees the content, the blob just provides texture.