SVG Blob & Wave Generator

Generate random SVG blobs and waves with math. Copy clean SVG code for UI/UX backgrounds.

Your files are 100% safe. Processing is done in your browser; nothing is uploaded to any server.

SVG code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
  <path fill="currentColor" d="M 200 39.963287264113404 C 384.71807772350496 79.29660737084976 352.08922395495233 120.83510954706934 382.31083375505415 200 C 402.4585736217887 252.7765936352871 353.2690469208844 243.88254666785193 309.7063666696298 309.7063666696298 C 280.6645798354601 353.5889133374817 265.8238200017779 328.05902847190396 200 355.58802117531513 C 156.11745333214807 373.9406829775893 148.29271981658462 345.06009288860446 70.73179954146153 329.26820045853844 C 19.024519358046135 318.74027217182777 47.9492125088166 277.56092027512307 13.775331959849211 200.00000000000003 C -9.007255072795715 148.29271981658465 43.15672696167066 154.89152778576116 87.22881946440282 87.22881946440286 C 116.61021446622426 42.12034725016399 132.3372916786417 68.32260658428707 200 39.963287264113404 C 245.10847221423887 21.05707438399762 252.77659363528713 51.20137872318093 331.9414840882178 68.05851591178222 Z"/>
</svg>

How to use this tool & why it helps

Switch between Blob and Wave, then click Generate to create a new random shape. Blobs use smooth curves; waves use sine-based paths.

Copy the SVG code and paste it into your project as a background or decorative element. All generation runs in your browser.