Using “Fireworks Background Widget” you can add stunning firework background effects to your Elementor pages for free in a matter of seconds. The Firework Background widget is customizable with many options to create a amazing firework background that suits your Elementor page the best. It also comes with option to enable the sound effect to make it more engaging.
Let’s look at each of the options in the “Fireworks Background Widget” below.
Add a Free Fireworks Background to Elementor
Go to Unlimited Elements and click "Background Widgets".
Search for "Fireworks Background" in the widget library.
Hover over the widget and click Install.
Design a Section Background in Elementor
Before adding the Unlimited Background it is important that we design our section with some background so we have what to mask later on in the next section. You can choose to add a background image, video, or slideshow according to your preference.
Add Fireworks Background to Elementor Page Section
Click edit container in Elementor.
Go to the "Style" tab.
Click on "Unlimited Background".
Select the background type “Fireworks Background“.
Elementor Fireworks Background Settings
Background Color
Set the background color.
Hue Minimum
Set the hue minimum setting.
Hue Maximum
Set the hue maximum settings.
Firework Emitter Min
Provide the firework emitter minimum value.
Firework Emitter Max
Provide the firework emitter maximum value.
Firework Delay (ms)
Set the time after that firework animation will start.
Explosion Size
Set the firework explosion size.
Firework Blast Split
Set the intensity of firework blast split.
Trace Length
Set the length of firework traces.
Speed
Set the speed of fireworks.
Enable Sound (Pro)
Enable or disable the sound effect for fireworks.
Line Width Min
Set the minimum length of fireworks lines.
Line Width Max
Set the maximum length of fireworks lines.
Brightness Minimum
Specify the minimum brightness of fireworks lines.
Brightness Maximum
Specify the maximum length of fireworks lines.
Set Background Location in Elementor Fireworks Background
In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking.
In Background
Appear behind your content.
In Foreground
Overlay on top of content.
Site Body Background
Covers the entire page background globally.
Site Body Foreground
Overlay all site content (header to footer).
Layout Background
Restricted to a specific section/widget.
Layout Foreground
Overlay a single section/widget.
Usage Examples of Elementor Fireworks Background
Here are some live use cases for the Fireworks Background widget.
Free Fireworks Background for Elementor with an Event Celebration.
Free Fireworks Background for Elementor with Custom Background Image.
Thank you for using the Fireworks Background Widget for Elementor! With its dynamic animations and vibrant effects, this is the best Fireworks Background Widget for Elementor, perfect for creating celebratory and eye-catching website backgrounds. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
