Are my files uploaded?

No. This tool runs entirely in your browser tab. Files are read from your disk into memory and the result is generated locally.

Is it free? Are there limits or watermarks?

Free and open source (MIT). There are no file-size caps, daily quotas, accounts or watermarks.

Does it work offline?

Yes, once the page (and any engine it needs) has loaded, it keeps working without a connection thanks to the service worker cache.

Home / Design / Blob & Wave Generator

Blob & Wave Generator

Make organic blobs, layered waves and scattered shapes as SVG for websites, slides and backgrounds.

Free, no uploads, no sign-up. Runs 100% in your browser.

How Blob & Wave Generator works

Points are placed around a circle (or along a line for waves) with a seeded random wobble, then joined with smooth curves. The same seed always gives the same shape, so you can come back to it.

Output: SVG, PNG, CSS.

How to use Blob & Wave Generator

Pick blob, rings, waves or scatter.
Press New shape until you like it.
Set colours, points and wobble.
Download SVG or PNG, or copy the SVG or CSS.

Tips

Generated CSS works in every modern browser.
Exports are produced locally, so you can work offline.

Blob & Wave Generator FAQ

Are my files uploaded?: No. This tool runs entirely in your browser tab. Files are read from your disk into memory and the result is generated locally.
Is it free? Are there limits or watermarks?: Free and open source (MIT). There are no file-size caps, daily quotas, accounts or watermarks.
Does it work offline?: Yes, once the page (and any engine it needs) has loaded, it keeps working without a connection thanks to the service worker cache.

Related tools

Gradient Generator: Design linear, radial and conic gradients and copy CSS.
SVG Optimizer: Minify SVGs, export JSX or PNG.
Placeholder Image: Generate placeholder images in any size, color and text.
Color Palette Extractor: Extract dominant colors and export CSS/Tailwind palettes.