SVG Confetti Explosion Generator
What is an SVG Confetti Explosion Generator?
A simple tool to generate SVG graphics with an explosion of colorful shapes. You set opacity, amount, choose blur or no blur, pick the origin (top left, top right, center, bottom left, bottom right), select a shape style, then randomize until you find the perfect explosion. Perfect to add behind panels, buttons, and headers in designs to add pizzazz. Use SVGOMG to optimize the resulting SVG. Made with SVG.js and George Francis' generative-utils (Voronoi tessellations). Export SVG for web or design.
Features for Designers
A free SVG generator for confetti explosions.
Explosion of colorful shapes. Confetti-like burst.
Top left, top right, center, bottom left, bottom right.
Control opacity and amount of shapes.
With or without blur. Soft or sharp burst.
Pick from various shape options.
Perfect for panels, buttons, headers. Add visual pop.
How To Create Confetti Explosions
Generate burst patterns in three steps.
Opacity. Amount of shapes. Blur or no blur.
Origin: corner or center. Shape selection.
Randomize for variations. Optimize with SVGOMG. Copy or save SVG.
Tips for Confetti Bursts
Get the most out of the generator.
Randomize until you find the perfect explosion. Each run differs.
Optimize the resulting SVG with SVGOMG for web.
Match origin to your layout. Top right for header accent, etc.
Great For Designers and Developers
Who benefits from confetti explosions?
Panels, buttons, headers. Pizzazz.
Celebratory elements. Success states.
Eye-catching burst accents.
Inline SVG. Optimize with SVGOMG.
Why Use a Confetti Explosion Generator?
Add colorful burst to designs.
Explosion of colorful shapes. Visual pop.
Burst from any corner or center.
Generative. Unique explosion each time.
No account. Create, copy, save as much as you like.
Technical Details
How the generator works.
Uses Voronoi tessellations. See George Francis' article for details.
SVG markup. Optimize with SVGOMG.
Uses SVG.js and generative-utils by George Francis.
Frequently Asked Questions
Have questions? We have answers.