Generate

Procedural Shapes

Stacked SDF rings/cubes/squares blended with smooth-min — ported from the procedural-rings WebGL2 generator

Try Procedural Shapes free →
Runs in your browser. No download. Export when you're ready.

What it does

Stacked SDF rings/cubes/squares blended with smooth-min — ported from the procedural-rings WebGL2 generator

Why Vibe Designer

Everything in the browser

No install. Open the Procedural Shapes effect and start immediately.

Layer it up

Procedural Shapes is a source-less generator you can drop straight onto the canvas — stack it with the rest for something nobody else has.

Animate & export

Seamless looping video (MP4/GIF) and high-res image export, straight from the canvas.

More Generate effects

Make something with Procedural Shapes

Open it in the editor and see it move in seconds.

Open the editor →