fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Particles Background

Introduction:
The Particles Background widget for Elementor is a powerful and customizable background builder. You can easily create amazing particles backgrounds that suit your Elementor page the best.

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

Install the Particles Background Widget

Navigate to Unlimited Elements >> Background Widgets >> Particles Backgrounds

Hover over the widget and click install.

Add the Particles Background Widget to a Section

Edit Section  >> Styles >> Unlimited Background >> Particles Background

Particles Background Settings

1
Particle Type
  • Circle
  • Star
  • Polygon
  • Image
2
Particle Size

Set the particle size in pixels.

3
Number of Particles

Set the amount of particles to show on the canvas.

4
Particle Move Direction
  •  None
  • Top
  • Top Right
  • Right
  • Bottom Right
  • Bottom
  • Bottom Left
  • Left
  • Top Left
5
Randomize Particle Size

Set different random sizes for the particles.

6
Particles Size Pulse

Add a subtle pulse effect to the particles.

7
Particle Speed

Set the speed the particles animate.

8
Multi Color

Set more than one color for the particles.

9
Particle Color

Set the color for the particles.

10
Particle Opacity

Set the opacity for the particles.

11
Randomize Opacity

Add a random opacity to each particle.

12
Animated Opacity

Animate the opacity of each particle.

13
Connected Lines

Connect the particles with lines.

14
Line Width

Set the line width in pixels.

15
Detect Mouse
  1. Canvas (Section)
  2. Window (View Port)
16
On Hover

Set hover effect:

    1. Grab
    2. Bubble
    3. Repulse
    4. Grab + Bubble
17
On Click

Set click effect:

    1. Push
    2. Remove
    3. Bubble
    4. Repulse
    5. Push + Repulse
18
Bubble Size

Set bubble size in pixels.

Use Particles JSON File

In some cases, you may want to generate a custom JSON file for your particles effect. To create a custom JSON file with advanced features visit this link: Particles.js

Open downloaded particlesjs-config.json file with any text/code editor and copy the code. 

Paste the copied code in Widget’s Particle JSON field.  It updates the Particles background. Notice that with the custom Particles JSON attribute all previous styling attributes won’t work.

Background Location

Set the background location

1
In Background

In the back (behind) of content.

2
In Foreground

In the front (above) of content.

Video Overview

Usage Examples

Circle Particles

Star Particles

Polygon Particles

Image Particles

Randomize Particle Size

Multi Color Particles

Connected Line Particles

For more usage examples visit our live demo.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!