Organic shapes and section waves in SVG with a reproducible seed, gradients, morph animation, and export as SVG, PNG, CSS, JSX, or HTML.
The blob is built from N points spread around a circle (polar coordinates), each with its radius pushed inward or outward by a pseudo-random value derived from the seed, and the strength of that push is the irregularity control. The points are joined by a Catmull-Rom curve converted into cubic Beziers with circular neighborhood, meaning the last point treats the first as its neighbor, which closes the path without the visible seam that shows up when a naive implementation treats the first and last points as separate edges. Smoothness controls the Catmull-Rom conversion factor: at 0% the control points collapse onto the vertices and the blob becomes a straight-edged polygon, at 100% the curve is at its roundest. Waves use the same smooth-curve idea but along an open path: each layer has its own amplitude, frequency (how many periods fit across the width), phase, and opacity, and stacking layers with different colors and transparency creates depth, the same trick used by Haikei and get-waves.io section dividers. Every calculation runs through pure functions, no `Math.random`, so the same configuration always produces the exact same path `d`, byte for byte.
Paste the code into your HTML and the tool shows up on your page, without J-Kit's navigation and ads. It still runs in the browser of whoever visits your site.
<iframe
src="https://jkit.tools/embed/en-US/blob-svg-generator"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Blob & Wave SVG Generator"
></iframe>These references help contextualize formulas, standards, APIs and limitations used on this page. They do not replace professional validation when a result has legal, financial, medical or operational impact.
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.
<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.