konfeti — canvas confetti playground

Live: 0
FPS: –
Spawned: 0
Died: 0
Done: 0
Updates: 0

Hook Events onStart / onComplete

Click the stage or press F · KonfetiFactory.create(stageCanvas)

Presets `KonfetiPresets.*`

Options `fire(options)`

Preset

Stage `KonfetiFactory.create(stageCanvas)`

How the playground's own stage runs. These switch the stage, not the options you fire.

Click to Fire onClick Worker Mode createWorker Pointer Stream emit Fixed Step fixedTimestep Adaptive Quality adaptiveQuality

Share Link `?s=…`

Only the settings you changed travel in the link. It opens in the receiver's language.

Code `Konfeti.fire()`

Ready to paste: only what you changed, or every setting written out.

Ask an AI

Copies a prompt with konfeti's docs link and these settings as JSON. Paste it into ChatGPT, Claude or any assistant and say what to change; paste the JSON it returns into Options JSON and press Load into Controls.

Options JSON

synced with controls

Functions and elements are omitted. "$asset:…" placeholders stand for the demo canvases. Arrays fire several bursts at once; Load into Controls turns them into burst tabs.