Skip to content

SVG Blob Generator

Generate smooth organic blob shapes and take them away as SVG markup, a CSS url() data URI, or a PNG. Every blob comes from a seed, so you can lock one you like and keep refining everything else.

Preview

seed 20260214

Generated SVG blob with 6 points, seed 20260214

Randomise gives a new seed each time. Lock it when you want to keep the shape.

Shape

6
0.22
1.00×
100%
60214
600px

Recent blobs

Blobs you randomise past are kept here so you can go back to one.

Fill

Fill type
#4F46E5
#8B5CF6
Colour pairs

Outline

Export

The SVG scales to any size with no quality loss — prefer it over the PNG for the web.

Using it in CSS

background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fww…");
background-size: cover;

Copy the full data URI above and drop it straight into a background-image or clip-path rule.

About this tool

This SVG blob generator creates organic, hand-drawn-looking shapes from a closed Catmull-Rom spline drawn through jittered points on a circle and converted to cubic Béziers. Complexity sets how many points the spline runs through, randomness controls how far they wander, contrast makes the result bubbly or spiky, and roundness fades between a smooth curve and a straight-edged polygon.

Shapes are driven by a seeded pseudo-random generator, so a blob is fully reproducible: lock the seed to keep a shape you like while you tune the rest, or step back through the recent blobs to return to an earlier one. Copy the SVG markup, just the path data, or a ready-to-use data URI — or download the SVG or a 1024 px PNG. Everything is computed in your browser and nothing is uploaded.

  • 100% free — no account needed
  • Runs in your browser
  • Nothing is uploaded

Frequently asked questions

Is SVG Blob Generator really free?

Yes. SVG Blob Generator is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.

Does SVG Blob Generator upload my data?

No. SVG Blob Generator runs entirely inside your browser, so anything you type, paste, or open stays on your own device.

Do I need to sign up or install anything?

Neither. There is no account and nothing to download — open the page and SVG Blob Generator is ready to use on desktop or mobile.

Does SVG Blob Generator work offline?

Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.

More design & visual

CSS Gradient Generator

Create linear CSS gradients with a live preview.

CSS Box Shadow Generator

Build and preview CSS box-shadow values with one-click copy.

CSS Glassmorphism Generator

Generate frosted-glass CSS with backdrop blur and copy-ready styles.

QR Code Generator

Generate custom QR codes for any text or URL.

WiFi QR Code Generator

Generate a scannable QR code to share WiFi credentials instantly.

Letter Profile Picture

Generate avatar images from initials with custom colors.