Micro Tools
Advertisement

SVG blob generator

Generate organic blob shapes with one click. Control complexity and wobble, hit randomize until you love it, then copy the SVG or download the file.

Blob controls

Randomize until you find a blob you like.

Preview and SVG
Advertisement

How the blob smoothing works

The blob starts as random points on a circle, each pushed in or out by the wobble amount. Instead of connecting them with straight lines, the path draws quadratic curves through the midpoint of each segment, which rounds every corner and produces that organic liquid look with no sharp vertices.

Complexity versus wobble

Complexity sets how many control points the blob has: 4 to 6 gives soft pebbles, 10 to 14 gives coral-like detail. Wobble sets how far each point strays from the circle. Big wobble with low complexity makes dramatic amoebas; small wobble with high complexity makes gently rippled discs.

Related tools

Image compressorShrink images to a target size or quality. Compress to exact KB. HEIC to JPG converterConvert iPhone HEIC photos to JPG, right in your browser. WebP converterConvert WebP to PNG or JPG.

SVG Blob Generator FAQs

How do I put text inside the blob?
Place the SVG as a background behind a centered div, or use the blob as a CSS mask-image on a container. Keep the blob large with generous padding so text never touches the wobbly edges.
Can I animate a blob morphing?
Yes, but the start and end paths need the same number of points. Generate two blobs with identical complexity, then animate the d attribute with a library like GSAP or with SMIL animate elements for a living organic feel.
Why does randomize sometimes make spiky blobs?
High wobble values let neighboring points swing far in opposite directions, which the smoothing turns into spikes. Lower wobble to 20 or below for reliably soft blobs.
What is a blob good for in real designs?
Blobs are the friendly cousin of geometric shapes: avatar frames, feature icons, section backgrounds, stickers and badges. One accent blob behind a headline adds playfulness without clutter.
SVG or PNG for my blob?
SVG for the web, always. It scales from favicon to billboard with zero quality loss and the file is under 1 KB. Export PNG only when a tool refuses vector uploads.
Advertisement