The Geometry of Organic Shapes

Every blob on this page begins as a perfect circle. Control points are spaced evenly around its circumference in polar coordinates. Then randomness arrives: each point's distance from the center is varied by a factor between 0.6 and 1.4, creating the irregular boundary that makes the shape organic. The points are connected using Catmull-Rom spline interpolation, converted to cubic Bézier curves, producing smooth C1-continuous paths that flow through every control point without sharp corners.

Complexity and Control Points

The number of control points determines the shape's character. Three or four points produce simple, amoeba-like forms with broad curves. Six points (the default) create classic blob shapes with enough variation to feel organic. Eight to twelve points introduce finer detail: dimples, lobes, and intricate boundaries. Beyond twelve, shapes develop almost fractal-like edge complexity while maintaining the smooth curvature that makes blobs visually appealing.

/blob/4 for minimal, sculptural forms
/blob/6 for classic organic blobs (default)
/blob/8 for moderately detailed shapes
/blob/12 for intricate, complex boundaries

The Morph Effect

When you generate a new blob, the shape does not simply appear. Each control point travels from its current position to a new random position over 700 milliseconds, and the Bézier curves recalculate sixty times per second during the transition. The gradient colors interpolate simultaneously through HSL color space, taking the shortest path around the hue wheel. The result is a fluid transformation that makes randomness feel tactile.

Design Applications

Blob shapes appear throughout modern interface design. Hero section backgrounds, card decorations, profile picture masks, illustration accents, and loading animations all use organic SVG shapes. The downloaded SVG from this tool is a complete, self-contained file with embedded gradient definitions. It scales to any size without quality loss, renders crisply on retina displays, and adds negligible file weight (typically under 1KB). Paste it directly into Figma, Sketch, or any HTML page.

Private by Architecture

Every blob is generated inside your browser using crypto.getRandomValues(). The control point positions and gradient colors are computed locally. The SVG exists only in your browser's memory until you download it. The server delivered this page and finished. Your shapes belong entirely to you.

Explore Award-Winning Generative Design

The organic blobs generated on dice83 demonstrate how geometry and randomness can work together to produce fluid, natural-looking forms. Starting from a simple circle, control points are pushed and pulled outward before being smoothed with spline interpolation, transforming strict mathematical structure into shapes that feel almost biological. This balance between algorithmic rules and visual intuition is a core principle of generative design. Across contemporary digital art and design, similar computational techniques shape everything from generative graphics and interface elements to parametric architecture and AI-assisted visual systems. Designers use algorithms, control points, interpolation, and procedural randomness to create forms that would be difficult or impossible to craft manually. If this generative blob experiment sparks your curiosity about algorithm-driven creativity, the A' Generative, Algorithmic, Parametric and AI-Assisted Design Award category highlights outstanding projects where designers explore code, systems, and parametric logic to produce innovative visual outcomes and solutions.