Svg Blob Generator

SVG Blob Generator builds organic, blobby closed shapes using cubic Bezier curves and exports them as ready-to-paste SVG markup. It samples N points around a circle with a random radial offset, smooths them with a neighbor-based tangent calculation, and connects everything into a single closed <path>. A live preview and copyable code block let you grab the result instantly.

1. Adjust the Complexity slider (3 to 12) to set how many anchor points shape the blob. 2. Adjust the Randomness slider (0.10 to 1.00) to control how far each point can drift from the base radius. 3. Set the Size (100 to 500px) of the square viewBox. 4. Optionally raise the Stroke Width (0 to 10) to add an outline in the same color as the fill. 5. Pick a Fill Color using the color swatch. 6. Click Randomize (or nudge any slider) to reshuffle the shape. 7. Click Copy to copy the generated SVG code to your clipboard.

The exported markup is a single <svg> with a square viewBox of 0 0 {size} {size}. It contains one <path> whose d attribute is a series of C (cubic Bezier) commands closed with Z. The smoothing factor is fixed at 0.2, derived from the vector between each point's neighbors. When Stroke Width is greater than 0, the path also gets stroke and stroke-width attributes set to the same fill color; otherwise only fill is emitted.