fx-confetti

Confetti Cannon

Confetti fires across the frame — for wins and reveals. From Open Design's html-ppt fx pack (Apache-2.0). Part of motion-anything; obeys MOTION-SPEC.md.

When to use it

• Title cards, section breaks, or hero moments in slides / launch videos.

When NOT to use it (restraint)

• Web body content or anything needing focused reading. Never more than one bold effect at once.

How to apply

1. Copy confetti-cannon.js and _util.js and link them.
2. Add data-fx="confetti-cannon" to a positioned container; call HPX['confetti-cannon'](el) (guard prefers-reduced-motion).

Accessibility & performance

• Guard with prefers-reduced-motion (don't start). Canvas-based; isolated compositing layer.