Online Tool Store
SVG Blob Generator
Generate a random, smooth organic blob shape as SVG using a Catmull-Rom spline, with adjustable points and randomness. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
SVG code
How it works
- Adjust the number of points and how much randomness to apply.
- Pick a color, and click Regenerate for a new random shape.
- Copy the SVG code or download it as a file.
FAQ
How is the smooth, organic shape actually drawn?
Random points are placed around a circle, then connected with a Catmull-Rom spline (converted to cubic Bézier curves) — a standard technique for drawing a smooth closed curve through a set of points without sharp corners.
What do Points and Randomness control?
Points sets how many anchor points make up the shape — more points means more, smaller bumps; fewer means broader, simpler curves. Randomness controls how far each point can vary from a perfect circle, from a barely-wobbly circle up to a very irregular blob.
Can I use the SVG as a background shape behind an image or text?
Yes — that's a common use. Paste the SVG code into your page, size it with CSS, and position other content on top of it with absolute or relative positioning.
Is the shape sent anywhere?
No — every point and curve is calculated locally in your browser using plain JavaScript math. Nothing is uploaded.
How we compare
| Feature | Online Tool Store | Blobmaker.app | Hand-drawing in a vector editor |
|---|---|---|---|
| Adjustable point count and randomness | ✓ | ✓ | Fully manual |
| No ads | ✓ | Ad-supported | ✓ |
| No software install | ✓ | ✓ | Vector editor required |
For a quick decorative background shape, generating and tweaking one here is faster than drawing bezier curves by hand.