12 Awesome Shape Generators for Your Web Projects 😍🚀

Creating advanced shapes from scratch requires some advanced CSS and SVG knowledge and you might still end up adjusting values afterward. I would recommend using some GUI tools, that offer you a user interface to tweak the parameters.

In this article, I have compiled some of my favorite shape generators. I have further sorted them across the categories like blogs, waves, separators, and miscellaneous, so it is easier to navigate and you can choose between different alternatives in each category.

For each tool I will provide a direct link, a short description, and a preview image, so you can get the initial impression of each generator and its features on the go.

Blobs

1. Fancy Border Shape

Specify eight border-radius values in CSS and build organic-looking shapes.

2. Blobmaker.app

Blobmaker is a free generative design tool to help you quickly create random and unique SVG shapes.

3. SVG-shape-generator

A free design tool to create colorful, random, unique, and organic-looking SVG shapes.

4. Squircley.app

Create beautiful shapes for logos, icons, and background images. Exports SVG files which can be copied straight to the clipboard for dropping into your projects.