Emoji Confetti Burst

Show Preview
Emoji Confetti Burst

About Emoji Confetti Burst

Add playful emoji confetti explosions to any Framer element on hover, click, or scroll reveal (an appear). Powered by the open-source canvas-confetti library, this component gives you full control over emoji presets, physics and triggers.

FEATURES

  • Multiple Trigger Modes: Fire confetti bursts on Hover (mouse movement), Click, Both, or automatically On Appear.

  • Auto Trigger (On Appear): Launch celebratory animations when elements scroll into view — perfect for success screens and milestones. Includes custom delay, duration, and stream sources (Edges or Center).

  • Customizable Physics & 3D Effects: Fine-tune particle count, start velocity, angle, gravity, wind (drift), spread, scale, and optional 3D flip rotation in real time.

  • Accessible & Smooth: Built-in hover throttling to protect FPS and full compliance with reduced-motion user preferences.

  • Smart Performance: Automatically attaches and detaches event listeners based on viewport visibility to keep page speed optimal across multiple instances.

NOTE:

Don't forget to add pointer-events: none to the component.