SVG Splatter Shape Generator
What is an SVG Splatter Shape Generator?
An SVG generator for splattered-looking shapes. Blobs are popular in web design—this tool pushes the blob idea further with organic splattered liquid forms. You select color (solid or gradient with fill 1, fill 2), set quality (smooth for splatter look or rough for shattered look), then tweak complexity and max splatter. Click randomize until you get a shape that fits. The result is funky, organic shapes—perfect for modern, playful designs. Uses the Two.js library by Jono Brandel. Export SVG for web or design tools.
Features for Designers
A free SVG generator for splattered shapes.
Shapes that feel like organic splattered liquid forms. Beyond blobs.
Solid color or gradient fill (fill 1, fill 2).
Smooth: splatter look. Rough: shattered look.
Control complexity and max splatter effect.
Randomize until you get the shape you want.
Copy SVG markup or save. Web-ready shapes.
How To Create Splatter Shapes
Generate splattered shapes in three steps.
Solid or gradient. Pick color, fill 1, fill 2.
Smooth or rough. Complexity, max splatter.
Randomize for variations. Copy or save SVG.
Tips for Splatter Shapes
Get the most out of the generator.
Click randomize a few times. Each run gives a new organic shape.
Rough shifts from splatter to shattered. More angular, broken feel.
Higher max splatter = more scattered, liquid feel.
Great For Designers and Developers
Who benefits from splatter shapes?
Organic blobs. Modern, playful.
Unique mascots, logos. Liquid feel.
Splatter art. Paint, ink aesthetic.
Inline SVG. Lightweight. Copy code.
Why Use a Splatter SVG Generator?
Add organic, liquid feel to designs.
Splattered liquid forms. Beyond blobs.
Smooth splatter or rough shattered.
Generative. Unique shapes each time.
No account. Create, copy, save as much as you like.
Technical Details
How the generator works.
Uses Two.js by Jono Brandel. Inspired by his Pen.
SVG markup. Organic splatter paths.
Solid/gradient, quality (smooth/rough), complexity, max splatter.
Frequently Asked Questions
Have questions? We have answers.