Blob & Wave Generator

Generate organic SVG blobs and layered section-divider waves — tune points, randomness, layers and amplitude, shuffle for endless variations, and pour in a gradient. Export crisp SVG, a CSS background snippet, or PNG.

Preview

A unique organic blob — shuffle for more.

Export

Drop the SVG in your markup, or the CSS on any element.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><defs><linearGradient id="g" x1="14.6%" y1="14.6%" x2="85.4%" y2="85.4%"><stop offset="0%" stop-color="#34d399"/><stop offset="100%" stop-color="#0ea5e9"/></linearGradient></defs><path fill="url(#g)" d="M 383.3,256.0 C 388.6,303.4 393.6,394.6 354.2,426.1 C 314.8,457.6 200.8,473.4 146.9,445.0 C 92.9,416.7 22.4,305.4 30.3,256.0 C 38.2,206.6 145.5,167.9 194.1,148.8 C 242.8,129.8 290.6,123.7 322.1,141.5 C 353.6,159.4 377.9,208.6 383.3,256.0 Z"/></svg>

Shape

Points6

Randomness45%

Gradient fill

Color 1

#34d399

Color 2

#0ea5e9

Gradient angle45°