Skip to main content

SVG Blob Generator

New

Generate organic random blob shapes as SVG with adjustable complexity and instant copy.

svgblobgeneratorcss
Read the guide
Shortcuts:⌘ KSearch

Blob controls

Generate an organic SVG blob from points on a perturbed circle.

8 points

The path uses cubic bezier segments through each generated point for a smooth closed outline.

Live preview

SVG markup

0 lines

Path d attribute

0 chars

Frequently Asked Questions

Can I copy only the blob path for use inside my own SVG?

Yes. The tool exposes the generated d attribute separately from the full SVG markup, and the Copy path d button copies just that path string.

Why does the shape change when I move the points, randomness, or size sliders?

Those controls rebuild the internal jitter factors before rendering, so you get a fresh blob rather than a pure resize. Fill color is the only control that recolors the current shape without regenerating it.

Can I lock a seed or reproduce the same random blob later?

Not with this version. There is no seed input, URL state, or history; once you randomize or touch a regenerating slider, the previous shape is gone unless you copied it out.

What are the actual control limits?

Points run from 5 to 14, randomness from 0% to 70%, and size from 160px to 480px in 10px steps. The fill color uses a normal color picker.

How is the blob shape generated?

It starts from points around a circle, perturbs their angle and radius, then connects them with a smooth closed cubic Bézier path. The result is an organic outline, not a polygon with straight edges.

Related Tools