Generate Random Shapes
Scatter random rectangles, circles, ellipses, and polygons on a canvas. Runs entirely in your browser, so your data never leaves your device.
Output
The result appears here as you type.
How to use Generate Random Shapes
- 1. Set the canvas size. Enter Width and Height to size the drawing area in pixels, giving the scattered shapes more or less room to spread across the canvas.
- 2. Set how many shapes to draw. Enter How many shapes to control the density of the composition, mixing rectangles, circles, ellipses, and polygons at random sizes and colors.
- 3. Review the rendered composition. The tool draws the random mix of shapes as an SVG image. Regenerate to see a different arrangement, or download the SVG for reuse.
When to use Generate Random Shapes
Generate Random Shapes scatters rectangles, circles, ellipses, and polygons across a canvas as SVG art, useful for quick abstract backgrounds or checking how a renderer handles a mix of geometric primitives.
- Background art for a landing page. You want a colorful abstract background for a product landing page hero section and generating a mix of random shapes gives you a quick scalable option.
- Testing an SVG shape renderer. You are building a canvas or SVG library that needs to draw various primitive shapes, and generating a mix lets you verify rectangles, circles, and polygons all render correctly together.
- Sketching a geometric design concept. A design brief calls for a geometric abstract style. Generating a batch of shape scatters at different densities gives you starting points to riff on.
- Demonstrating SVG primitive types. You are teaching how different SVG elements like rect, circle, and polygon combine in one document, and want a live composed example that mixes all of them.
Examples
A random mix of shapes
About the Generate Random Shapes tool
Generate Random Shapes runs as plain JavaScript in your browser tab, with no server behind it. Scatter random rectangles, circles, ellipses, and polygons on a canvas. Whatever you put in stays on your device from start to finish.
The tool is part of EditSafely's Random Tools section, 120 single-purpose utilities built around the same idea: open the page, get the result, keep your data to yourself.
You can shape the output with 3 settings, including Width, Height and How many shapes, and the result refreshes the moment you change one. A worked example further down the page shows exactly what the tool produces for a real input.
That local-first design has practical benefits beyond privacy. The tool keeps working on a flaky connection once the page has loaded, results are instant because nothing round-trips to a server, and it is safe to use with confidential material.
Frequently asked questions
Is Generate Random Shapes free to use?
Yes, it is completely free. All 2,658 tools on EditSafely work without an account, a subscription or usage limits.
Does the generator send anything to a server?
Everything happens locally. Your browser downloads the tool's code once, then does all the processing itself; nothing you enter is transmitted, stored or logged. You can even go offline after the page loads and it will still work.
How do I get a different result?
Run the generator again. Each run is computed fresh on your device, and any options you change are applied to the next result immediately.
Do I need to sign up or install anything?
No. The tool works in any modern browser on desktop, tablet or phone. There is no account to create, no extension to add and no software to install.
Can I save what the tool produces?
Yes. Use the download or copy controls in the output panel to keep the rendered result once it looks the way you want.