Border radius / blob maker

0 uploads — runs entirely in your browser, works offline

Border-radius blob maker — organic CSS blobs

Generate soft, organic blob shapes as a single CSS border-radius value. It generates entirely in your browser (0 uploads, works offline).

How to use it

  1. Change the seed until you like the blob.
  2. Preview the shape live.
  3. Copy the CSS border-radius value.

FAQ

How do I make a CSS blob shape for free?

Pick a seed and this page produces an eight-value border-radius that gives an element a soft, organic outline, previewed live — on your device with no upload.

How does an eight-value border-radius work?

The value before the slash sets the horizontal radii of the four corners and the value after sets the vertical radii, so mismatched values create the asymmetric, blobby look.

Is anything uploaded?

No. The shape is generated entirely in your browser and nothing is transmitted or stored, which you can verify by turning off your Wi-Fi.

Is the result deterministic?

Yes — the same seed always produces the same blob, so you can reproduce a shape you liked earlier.

Limits

Produces a border-radius blob; it does not export an SVG path or animate between blobs.

Related

The clip-path maker cuts geometric shapes; the gradient generator fills them.

Bookmark this page (Ctrl+D, or ⌘D on Mac) or install the app — it works offline the next time you need it.