by Erf Studio
Shape Gradient Generator
Compose up to eight soft shapes, circles, boxes, capsules, rings, bars and wedges, that melt together into an organic gradient, then bend the whole field with fluid and distort controls and run it through 20 dithering algorithms. Live instrument controls, full-resolution PNG export, nothing uploaded.
Runs entirely in your browser. Nothing is uploaded.
How to use
- Build the composition in the Shape panel: add up to eight shapes with the layer chips, then set each one's form (circle, box, capsule, ring, bar or wedge), position, size, rotation, softness and hue.
- Overlapping shapes melt together instead of stacking, so the field always reads as one organic gradient. Blend, saturation and luma shape the overall colour.
- Bend the whole field with the Fluid knobs (flow swirls it, force attracts or repels from the centre) and the Distort knobs (warp, scale, ripple).
- Send it through the Dither panel for texture, or press its BYP chip for a clean, smooth export.
- Press Dice for a seeded, repeatable starting point. Export a PNG at 1x, 2x or 4x. The whole state lives in the page URL, copy it to share the exact recipe.
Examples
- Two soft circles and a wedge melted into an organic blob gradient for a poster or cover background.
- A ring and a bar warped with ripple for an abstract, printed-texture identity asset.
- A single soft capsule with heavy flow for a smooth, swirling colour field, dither bypassed.
- Eight small shapes with high force pulled to the centre for a dense, molten composition with fine grain.
Frequently asked questions
How is this different from the Grainy Gradient Generator?
The Grainy Gradient Generator blends colour stops as one continuous field. This one composes distinct shapes, circles, boxes, capsules, rings, bars and wedges, that melt into each other where they overlap, so you control the actual forms in the image, then bend them with fluid and distort controls.
Why do the shapes melt instead of overlapping like layers?
The shapes are combined with a smooth-minimum blend, the same idea as metaballs, so edges dissolve into each other and the result always reads as one continuous organic gradient rather than stacked cutouts.
Do I need to upload an image?
No. The tool generates everything itself from your shapes and colours. Everything runs in your browser and nothing is uploaded.
Can I share an exact result?
Yes. Every shape, every knob and the seed are stored in the page URL, and the engine is fully deterministic, so a copied link reproduces the identical image.
Is anything uploaded?
No. The image is generated, processed and exported entirely in your browser. Nothing leaves your machine.
