Confetti bursts for Elementor — fire them on load, on scroll or on click to celebrate a signup, a sale or a launch.
Confetti Effects is not a widget. Nothing is added to your layout, your markup or your spacing — you switch it on for an element you already have, and it draws on its own canvas above the page, then clears itself. The element carries on doing its job. It just gains a reason to be pressed.
None of this is a video. Every tile below is a live button on this page — press them as many times as you like.
One clean burst from the middle of the screen. The default, and the one you will reach for most.
The same burst, except the angle, the width and the count are re-rolled on every press.
Five overlapping bursts at different weights and speeds, so the paper falls like paper instead of like pixels.
Repeating shells from both sides of the screen for a few seconds. Save it for the moment that deserves it.
Two continuous streams from the bottom corners, crossing in the middle. Team colours, launch days, funding goals.
Slow, light and endless. Set it to fire on load in December and forget about it until January.
The trigger is the whole design decision. Everything after it is decoration.
No click, no button. The card itself is the element, and the pointer arriving is the whole trigger.
Every tile here fires the plain single burst. Only the paper, the physics and the launch point change.
Five colours in, and the default carnival palette is gone.
The launch point is a coordinate, not a fixed spot in the middle.
Three places it is worth the extra half-second, and one rule underneath all of them: fire it after something the visitor did, never because a page opened.
Scrolling this band onto the screen was the entire trigger. It waits until most of the section is visible, fires once, and stays quiet until you come back to it.
Confetti Effects ships inside Sky Addons Pro, alongside every other extension on this site.
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
There is no confetti widget to drag in. Sky Addons for Elementor adds a Confetti Effects section to the Advanced tab of any section, container or individual widget you already have, so the burst is attached to the element it should celebrate. Columns are the one element type it does not hook.
Enable Confetti Effects on the button, set Smart Trigger to On Click, and leave Trigger Selector empty so the element triggers itself. If the click should happen somewhere else on the page, put that element’s CSS id or class in Trigger Selector instead, such as #signup-cta.
Six presets: Basic, Random, Fireworks, Snow, School Pride and Realistic. Basic, Random and Realistic are single bursts; Fireworks, Snow and School Pride run for a set time instead, which is why the Animation Duration slider only appears for those three.
Five ways: page load, when the element scrolls into view, on click, on mouse hover, and on Ajax success. The scroll trigger waits until 80 percent of the element is visible, and Ajax success fires after any completed Ajax request — the practical option for a form submission.
Yes. Shapes Source offers three modes: the default square, circle and star mix; Emoji / Text, where you type the characters to throw; and SVG Path, which takes raw path data so a logo mark can rain down. The Colors field accepts a comma-separated list for the default shapes.
No. It needs Sky Addons Pro, but plain free Elementor is enough underneath — there is no Elementor Pro dependency and no second animation plugin to install. Everything, including the trigger logic and the particle physics, is configured in the Elementor panel with no code.
The particle maths runs in a Web Worker, off the main thread, and the canvas is only created when a burst fires. For accessibility, switch on Respect Reduced Motion — it is opt-in, not automatic, so visitors with reduced motion enabled in their OS still see confetti until you enable it.
No. The confetti is drawn on a single fixed canvas that covers the whole viewport, so particles fly past section edges by design. Use the Origin popover to place the launch point — X and Y run 0 to 1 across the screen — and Z-Index to sit the canvas above or below fixed headers.
Because Angle only applies to the Random and School Pride effects, and it is hidden for the other four. Fireworks and Snow choose their own launch points every frame, and Basic and Realistic use the preset spread pattern, so a fixed angle would have nothing to act on.
Two separate sliders control this. Ticks, from 50 to 1000, sets how many frames each particle survives before it vanishes. Animation Duration, from 1 to 15 seconds, sets how long the Fireworks, Snow and School Pride effects keep launching new particles. Delay Time postpones the start by up to 10 seconds.
