Emoji Confetti Burst

Interactive Emoji Explosions

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.