Drop a soft vector silhouette behind a headline, behind a product shot, or inside a slide deck without opening Illustrator. You steer how many corners participate, how wild the radius swings get, and whether an outline frames the mass. Everything renders locally, so the shape never leaves your browser until you download or paste markup elsewhere.
Exports and the preview both honor this pixel square. Large values help print mocks, small values suit icons.
Outline width scales gently with canvas size so thumbnails stay legible.
<path> inside an inline SVG or sprite sheet. Fewer nodes mean fewer surprises inside CSS transforms.High edge noise with only three vertices produces a chunky triangle, not a soft cloud. Raise the vertex count first, then push noise if you still want a jagged mood.
Neon fills on dark slides look electric on screen yet print flat. For brand decks headed to paper, pull tones from a palette you already proved elsewhere, or sample with the color extractor so marketing and product share one swatch list.
We recommend SVG for production CSS and PNG only for static previews.
The script places vertices around a circle, perturbs each radius with pseudo-random noise, then stitches quadratic segments so the loop closes without gaps. Each slider move samples fresh noise, which is why the outline shifts even when you only nudge edge noise by a point or two.
Fill and stroke attributes live on the path element. Copying markup grabs the entire SVG root, including the xmlns attribute the serializer emits, so pasted fragments behave inside HTML documents expecting namespace declarations.
Downloading PNG rasterizes the same DOM node through an object URL and a canvas draw call. No server receives coordinates, colors, or filenames you pick locally.
This generator does not auto-fit text along a curve, does not boolean-merge multiple blobs, and does not export layered Illustrator files. For photo cutouts you still need masking workflows such as transparent background removal.
Randomness is decorative, not cryptographic. Do not rely on these shapes for security patterns or fingerprinting ideas.
Export formats, randomness, and privacy in plain language.
Vertex count and edge noise both rebuild the ring with fresh random radii each time they change. Tap “New random shape” when you like the slider positions but want another silhouette.
No upload occurs for this tool. Colors, sizes, and path data stay inside your browser memory until you close the tab or refresh.
SVG markup or the downloaded .svg file. PNG is a convenience raster for decks or chat threads where inline code is awkward.
You own files you save, yet the shape is procedurally generated without legal review on our side. Run brand clearance with counsel if the mark must be unique.
Some privacy-focused browsers block canvas reads after certain extensions run. Retry in a clean profile, or download SVG and convert locally.
Patterns tile; blobs stand alone. Use patterns for rhythmic backgrounds and blobs for focal shapes behind headlines or product tiles.
