Elementor Particles Addon Tutorial

Elementor Particles addon from Premium Addons Pro plugin lets you create attractive hero scenes and interactive, eye-catching section backgrounds. You can use it to add particles backgrounds to Elementor sections, columns, and flexbox containers to attract your visitors’ attention and yet be subtle enough to help you bring focus to important content.

For more examples, please see the demo page.


  • You will need Premium Addons PRO plugin installed and activated on your website.
  • Also, make sure that this widget/addon is enabled so you can find it in the Elementor editor. Check this article to know how to do that.
  • Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.
Elementor Particles Section Addons: Exploring Circular and Polygonal Particle Designs.
Elementor Particles Section Addons Circular and Polygon Particle Patterns

UPDATE: You can now add Particles to any Elementor Column by navigating to Column settings -> Layout tab -> Enable Particles.

steps about how to add Particles for Elementor Columns
Particles for Elementor Columns

Add Particles to Elementor elements

1. Elementor Section

Before the Premium Particles can be added, you need to select an existing section or create a new section in your post or page.

Add Elementor Sections Structure for enabling Particles addon
Elementor Sections Structure

2. Elementor Flexbox Container

In order to incorporate Premium Particles, you need to select an existing container or create a new container within your post or page.

Add Premium Addons Particles on Elementor container

3. Enable Particles

Select the Premium Particles section under the Layout tab.

  • Enable Particles -You can enable or disable the particles using this option.
  • Z-index -Adjusting the Z-index allows you to display the particles above or below other elements.

Now visit this website to generate the .JSON that includes your particles styling.
You can select from a wide range of shapes and settings and also customize the color.
When you have selected your pattern, find and select the option “Download current config (json)

Elementor Particles Section Addon: Customize Particles with Ease.
Particles Customizer for Elementor Particles Section Addon

Now, just copy and paste the .JSON code into Custom Style field.

Elementor's editor side of Particles Section Addon and box to add the JSON Field
Elementor Particles Section Addon JSON Field

You should now be able to preview the particles in the editor, and you can continue to add sections and widgets over the particle section background.

Note: To see the particles, you may need to add a background from your section/container settings -> Style tab -> Background.


Premium Particles for Elementor transforms simple sections into captivating experiences. With its ability to craft interactive backgrounds and attention-grabbing hero scenes, it strikes the perfect balance – grabbing visitors’ attention while spotlighting vital content. Customize with colors and dynamic animations to elevate your design effortlessly.

Related Docs:

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 44+ Elementor Widgets Totally Free of charge.

Premium Addons for Elementor plugin logo

Stay Updated

Subscribe to our newsletter to receive the latest updates and features.