About

About Blobs

Updated September 18, 2026

Blobs makes organic shapes for web and app design. You set two controls, pick a fill, and take away an SVG, a PNG or a piece of code that drops straight into a project.

Who it is for

Designers who want a soft shape behind a photo or a headline. Developers who want clean markup rather than a traced bitmap. People building slides who need a shape that does not look like a default rounded rectangle.

How the controls work

Two sliders decide the geometry. Complexity sets how many nodes sit around the shape, from 3 to 20. Fewer nodes give calm, rounded forms; more nodes give a restless outline. Randomness runs from 2 to 9 and decides how far each node may move toward the center, so a lower value produces a more irregular blob. Shuffle picks a new seed.

The seed is what makes the result repeatable. The same seed, Complexity and Randomness always produce the same path, and every blob has a URL that carries those values. Share the link and the person who opens it sees your shape, not a new random one.

Styling and export

A blob can be filled with a solid color, a two-stop vertical gradient, a tiled pattern in one color, or an image clipped to the outline. An outline toggle draws the edge only.

From there you can copy the SVG markup, download the SVG file, download a PNG at 512, 1024 or 2048 pixels, or take the code: a CSS clip-path, a React component, or a Flutter CustomPainter. You can also copy the shareable URL, or save a blob to come back to. Saved blobs stay in the browser on the device you saved them on and are listed on the saved page.

Getting in touch

Questions, bug reports and requests for an export format all go to the same place: hello@blobs.app. The team behind Blobs reads everything that arrives there.

Documentation for putting a blob into HTML, React, Flutter and design tools lives in the docs.