Organic Blob Shape Maker
Shape smooth organic blobs with a live gradient preview, then copy the production-ready border-radius CSS or download it for your project. Free, no signup.
Free, no signup needed. Runs 100% in your browser.
Loading…
How to use this tool
- Tune the shape variation or hit Randomize.
- Pick two gradient colors and an angle.
- Copy the CSS or download the file.
Frequently asked questions
How does the blob shape work?
It generates an eight-value border-radius with a seeded random spread, so the same seed always gives the same shape.
Will the CSS work in all browsers?
Yes. Two-axis border-radius and linear gradients are supported by every modern browser.
Can I change the blob after copying the CSS?
Yes, but the eight border-radius values must stay in order. Adjust one or two values to reshape it rather than rewriting all eight.
Related tools
Need a website for this?
Describe your idea once and BYOB plans, builds, and deploys your site.
Embed this tool
Paste this snippet to show this tool on your own site.