Particle playground

JS Confetti Library Demos

Download Back To CSSScript.Com

Shape a canvas-wide confetti burst, tune every particle, then launch it from any point.

01 / Live stage

Try the motion.

Custom canvas · ready
Point launch enabled Cursor: —

Edges in. Energy out.

Click anywhere on this field for a point burst
02 / Burst builder

Tune the release.

Color shapes

Choose a starting recipe

Every setting remains editable before launch.

Quick recipes
Particle style

Separate symbols with commas. Emoji glyphs use their own size setting.

Launch mode
250
60500
6px
3px16px
80px
42px120px
Color mixAcid

Four colors are sampled across the batch.

Ready for a batch.
250 pieces · 6px radius · 4 colors
addConfetti() addConfettiAtPosition() clearCanvas() destroyCanvas()
One custom canvas · ready