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.

Interactive Emoji Explosions