fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Particle Image

The Particle Image widget allows users to add an interactive particles effect to any image or icon. You can customise particle size, particle gap, noise, and color to achieve amazing particle effects. You can also add an entrance animation to image particles. This widget comes with different styling options to customise the look of your website.

 

Let’s look at each of the options in the “Particle Image Widget” below.

Install Particle Image Widget for Elementor

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

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Particle Image”
  3. Hover over the widget in the search results and click install
  4. Add your “Particle Image” widget to any Elementor Page

General Settings

1
Image

Choose an image to display.

2
Renderer

Choose the renderer from the dropdown menu.

  • WebGL
  • Default
3
Particle Size

Set the particle size.

4
Particle Gap

Set the particle gap.

5
Gravity

Set the gravity that defines the force which makes the particle go back to its origin position.

6
Noise

You can control the noise. The higher the number, the faster the particles will move.

7
Layers

Set the number of layers.

8
Layer Distance

Set the layer distance.

9
Depth

Set the depth of the particles.

10
Life Cycle

Turn on/off the life cycle effect.

11
Grow Duration

Set the grow duration of the particles.

12
Wait Duration

Set the wait duration.

13
Shrink Duration

Set the shrink duration.

14
Shrink Distance

Set the shrink distance.

Interaction Settings

1
Mouse Interaction

Turn on or off the mouse interaction feature.

2
Mouse Force

Set the mouse force.

3
Init & Fade Animation

Set the initial animation for the image particle.

Link Settings

1
Enable Link

Enable the link option for image particles.

2
Link

Paste your URL to link to image particles.

Particle Image Widget Styling

You can style the width, height, size, alignment, and color of image particles.

Usage Examples

Here are some live use cases for the Particle Image Widget.

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!