Settings

Target canvas Id

Max confetti

Type of confetti

Square
Triangle
Lines
Circle
Rotate
SVG (site/hat.svg)

SVG size:
SVG rarity:

Colors (RGB, [r,g,b],[r,g,b] ...)

Clock

Prop size

Canvas Width (defaults is window width)

Canvas Height (defaults is window height)

Animate

Start from edge

Respawn confetti

Examples Github

Json config output

{"target":"confetti-holder","max":"80","size":"1","animate":true,"props":["circle","square","triangle","line",{"type":"svg","src":"site/hat.svg","size":25,"weight":0.2}],"colors":[[165,104,246],[230,61,135],[0,199,228],[253,214,126]],"clock":"25","rotate":false,"width":"1280","height":"720","start_from_edge":false,"respawn":true}