SVG Blob & CSS Wave Shape Divider Generator
Switch between an organic blob and a horizontal wave divider. Every shape is generated from a locked "seed" so adjusting a slider morphs the current shape smoothly instead of jumping to something unrelated — hit Randomize for a fresh one.
What an SVG blob generator actually draws
The shape starts as points spaced evenly around a circle, each pushed randomly inward or outward, based on a locked random seed. A smooth curve is then drawn through every point so the outline has no sharp corners — the "wave points" slider controls how many of those points exist, and irregularity controls how far each one can drift, without jumping to an unrelated new shape every time you move a slider.
Using blobs and waves as a css wave shape divider
Switch to Wave divider mode for an svg wave generator for website section breaks — a low amplitude gives a gentle wave, a high one a dramatic swell. Either shape can be downloaded as a file, copied as inline SVG, or copied as a ready-to-paste CSS background-image.