SVG Blob Generator
The SVG Blob Generator creates random organic blob shapes from smooth cubic Bézier curves, with controls for complexity, randomness, size, fill color and an optional gradient, and exports the SVG code or file.
About this tool
The SVG Blob Generator creates random organic blob shapes from smooth cubic Bézier curves, with controls for complexity, randomness, size, fill color and an optional gradient, and exports the SVG code or file.
How to use it
- Set the complexity (number of points) and randomness.
- Choose the size and fill color, or enable a gradient.
- Click Regenerate until you like the shape.
- Copy the SVG code or download the .svg file.
Good to know
- Each blob is a single SVG path built from points around a circle, joined with cubic Bézier curves.
- More points make a more complex outline; more randomness makes it less circular.
- SVG blobs stay sharp at any size and are only a few hundred bytes.
- Blobs are popular as background decorations, avatar frames and section dividers.
- The SVG can be used inline, as an img source, or as a CSS background.
Runs entirely in your browser — nothing you enter is uploaded or stored.
Frequently asked questions
How do I make a blob shape?
Adjust complexity and randomness here and click Regenerate; each click draws a new random organic shape you can download as SVG.
Can I use the blobs commercially?
Yes. The shapes are generated randomly on your device, so you can use them in any project.
How do I use an SVG blob as a background?
Save the file and reference it with background-image: url(blob.svg), or paste the SVG inline and position it behind your content.
Can I animate a blob?
Yes — you can rotate or scale it with CSS, or morph between two paths with the same number of points using SMIL or JavaScript.