svg blob generator
A blob is an organic shape, with no straight corners, used as a decorative element behind a photo, a card, or a hero headline. This page opens the generator in blob mode, ready to tweak and export.
A blob with moderate irregularity and a soft gradient usually works better behind a photo than behind dense text.
Morphing between two seeds with the same point count creates a subtle breathing background, without getting in the way of the headline on top.
Because a random blob without a seed is impossible to get back: if you liked the shape and reloaded the page, it is gone. With a seed, the same string always reconstructs the exact same blob, so you can write down the seed, paste it into a link, or commit it in code, and the visual result never changes.
No, the exported code is a self-contained standard SVG 1.1 `<svg>`. Just paste it straight into HTML, import it as a React component (the JSX option), or use it as a CSS `background-image` (the CSS option, already as a data URI).
Yes, it is a vector with a correct `viewBox`: it scales without losing quality at any size, unlike a PNG exported at one fixed resolution. The PNG export exists only for when the final destination requires a raster file.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400" role="img" aria-label="Blob shape"><path d="M 382.71,200 C 381.77,223.55 318.24,281.78 296.92,296.92 C 275.61,312.07 224.42,328.02 200,329.83 C 175.58,331.63 107.09,327.52 87.63,312.37 C 68.16,297.23 34.84,227.92 33.15,200 C 31.45,172.08 53.63,94.45 73.1,73.1 C 92.56,51.75 172.95,14.44 200,17 C 227.05,19.56 283.64,73.69 304.96,95.04 C 326.28,116.39 383.65,176.45 382.71,200 Z" fill="#3DDC97"/></svg>The SVG is generated entirely in your browser, from the seed. Nothing you draw here leaves your device.