Generate random organic blob shapes for page backgrounds, section dividers, and hero images. Adjust complexity, smoothness, and color. Exports clean SVG code.
Available on every plan, including the free tier.
Single file up to 5 MB · 1 file per job
Up to 50 MB per file · batch up to 20 files · API + MCP access
Up to 2 GB per file · unlimited batch · runner acceleration · priority MCP
Set blob complexity (3–8 points), color, and smoothness
Click Generate for a new random blob — regenerate as many times as needed
Copy the SVG code or download — ready for CSS backgrounds or inline HTML
0 bytes uploaded. SVG Blob Generator runs entirely in your browser using the DOM API and Canvas. Your SVGs never leave your device.
The generator places points randomly around a circle, applies random radial offsets, then fits smooth cubic Bézier curves through the points using a Catmull-Rom spline algorithm.
Yes. Generate two blob paths with the same point count and use CSS @keyframes with d: path('...') to morph between them (Chrome 93+, Firefox 89+, Safari 15+).
Yes. All generated SVGs are original outputs with no copyright restrictions — use them freely in commercial projects.
Generate smooth wave SVG shapes for section transitions on landing pages and marketing sites. Configure amplitude, frequency, and color. Exports inline SVG and CSS.
Open toolGenerate beautiful low-poly vector backgrounds using Delaunay triangulation. Configure point density, color palette, and dimensions. Exports as SVG or inline code.
Open toolUpload an SVG icon and generate a seamlessly tiling pattern background. Configure tile size, spacing, rotation, and color. Exports as inline SVG with <pattern> definition.
Open tool