Generate SVG blob

Generate a smooth organic SVG blob from seeded control points.

freeworks offlinenothing uploaded
ToolSVG Blob Generator
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

Randomized control points around a closed path are smoothed into cubic Bézier segments, then serialized inside an SVG viewBox. Seed and point count determine repeatability and silhouette complexity.

  • A closed vector path scales without raster artifacts and can be reproduced with a seed.

Worked example

Smooth 6-point organic blob
Generate an organic blue blob shape
Input
											Size: 300
Complexity: 6
Color: #4e79a7
Seed: 42
Stroke: false
Stroke width: 2
Stroke color: #2c5282
Output

When to use this

Organic backgrounds, avatar masks, and decorative vector accents generate blobs.

Edge cases

  • Too few points produce a polygon-like outline.
  • Sharp control-point changes can create self-intersections.
  • A path extending outside the viewBox is clipped.

References