bbburst
SVG generator for confetti-like explosions of shapes

shape selection ↷

bbburst - Generate SVG confetti like explosions of shapes | Product Hunt

you can also follow me on Twitter

about bbburst

bbburst is a simple tool that makes it easy to generate SVG graphics that contain an explosion of colorful shapes. Perfect to add behind panels, buttons and headers in your designs to add some pizzazz.

When you've found the perfect explosion of shapes, just download the SVG file or copy the SVG markup. You can use a tool like SVGOMG to optimize the resulting SVG code.

This tool is made possible thanks to SVG.js and George Francis' generative-utils library. For some more details about what goes on behind the scenes, have a look at this article where George explains Voronoi Tessellations.

it's me, Seb

Hey there! 👋 I'm Seb and I'm creating fffuel. I love to build cool things on the web. You can find me on Twitter here.

If you'd like to support fffuel, you can make a small donation via ko-fi. Your support really makes a difference! 🙌

⟡⟡⟡⟡⟡

P.S. You can also find me on the web mainly over at muted.io, where I create visual & interactive references for music theory 🎹

SVG generators, tools & design resources

pppalette
color palette generator

hhhue
curated color palettes

cccolor
HEX, RGB & HSL color picker

mmmotif
SVG patterns with a 3D feel

nnnoise
texture generator

ffflux
fluid SVG gradients

gggrain
grainy gradient generator

uuunion
mesh-like gradient generator

nnneon
glowing SVG shapes

ccclaymoji
emoji maker

iiisometric
isometric design builder

sssurf
SVG wave generator

dddraw
freehand SVG drawing tool

pppointed
SVG arrow maker

bbblurry
blurry background shapes

uuundulate
make some SVG ripples

ccchaos
wild wavy SVG shapes

oooscillate
curvy line patterns

ffflurry
make it rain, SVG-style

cccoil
SVG spiral waves

ssspiral
SVG spiral patterns

cccircular
SVG gradient circle patterns

rrreplicate
SVG line pattern generator

tttwinkle
bursting line patterns

ssscales
gradient SVG patterns

rrrainbow
colorful background patterns

ttten
10 Print-inspired pattern generator

ssscribble
make SVG scribbles

pppixelate
pixel art patterns

sssquiggly
wavy line patterns

ooorganize
SVG grid patterns

vvvortex
spinning circle patterns

gggyrate
spinning geometric patterns

llleaves
organic SVG backgrounds

ggglitch
glitchy shapes

ppperspective
shapes that vanish

sssurface
SVG circles that feel 3D

hhhorizon
Cyberpunk-style backgrounds

sssplatter
make funky SVG shapes

ssshape
blob generator

ssspill
generate melting SVGs

ssspot
organic speck patterns

qqquad
generative patterns

wwwhirl
twisting line patterns

rrreflection
SVG circle patterns

llline
line generator

dddynamite
decorative SVG shapes

dddivided
split SVG shapes

lllook
fun line icons

dddoodle
hand-drawn doodles

rrrasterize
convert SVG to PNG

eeencode
encode SVG to Base64

rrready?
support chart for web features

HTML templates ↓

preview of HTML templates