Design Tools

SVG Blob & Wave Generator — Free, No Upload, Browser-Based

🔒 Corre no seu navegador

Generate organic SVG blobs and CSS wave section dividers entirely in your browser — no upload, no signup, nothing leaves your device. Tweak complexity, smoothness, amplitude, and colour with live sliders, then copy the ready-to-paste SVG code or a CSS background-image data URI in one click. Works for landing page headers, hero backgrounds, and section transitions.

Como usar esta ferramenta

  1. Choose Blob or Wave Divider using the tab switcher, then pick a fill colour with the colour picker or by typing a hex code.
  2. Adjust the sliders — for blobs: complexity and smoothness; for waves: style, amplitude, and frequency — and watch the preview update instantly.
  3. Click Copy SVG, Copy as img tag, or Copy as CSS background to grab the result and paste it straight into your project.
7
60%

SVG source

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <path d="M 100.00 20.62 C 118.59 20.01, 143.80 37.21, 158.07 53.69 C 172.33 70.18, 189.36 99.55, 185.59 119.53 C 181.81 139.52, 154.41 167.06, 135.44 173.59 C 116.46 180.11, 90.14 168.09, 71.74 158.68 C 53.34 149.26, 29.24 134.00, 25.04 117.11 C 20.83 100.22, 34.02 73.42, 46.51 57.34 C 59.00 41.26, 81.41 21.23, 100.00 20.62 Z" fill="#6c63ff" />
</svg>
Mais ferramentas gratuitasVer as 524 →
Merge PDFsCompress ImageJSON FormatterPassword GeneratorVAT CalculatorQR Code Generator
SVG Blob & Wave Generator — Free, No Upload, Browser-Based | brevio