The shape comes from placing a set number of points evenly around a circle, nudging each one randomly along its radius, then connecting them with quadratic Bezier curves through the midpoints between neighbors - which is what turns a jagged polygon into a smooth, organic outline instead of a plain radial gradient.

Point count and roundness control the shape's complexity and how far it deviates from a perfect circle; a gradient between two colors fills it, and the result copies as raw SVG markup or downloads as a standalone .svg file.

How the shape is generated

Points (3 to 10) sets how many anchor points the outline is built from - fewer points make a simpler, more angular blob, more points make a more intricate one. Roundness (10–100%) scales how far each point is allowed to drift from a perfect circle before the curve is drawn through it, so low roundness stays close to circular and high roundness produces a more irregular outline.

Generate Random Shape re-rolls the random offsets using the current point count and roundness - it doesn't change either setting, only the specific shape drawn from them.

Getting a shape you want to keep

There's no seed and no history - every click of Generate Random Shape produces a new random result from the same settings, with no way to reproduce a previous shape once it's replaced. Download or copy a shape you like before generating another.

The downloaded file uses a fixed 400×400 viewBox with width and height set to 100%, so it scales cleanly to any size when placed in a page - resize it with CSS rather than regenerating at a different pixel size.

Frequently asked questions