Particle Image Widget for Elementor
PRO

Particle Image Widget for Elementor

Particle Image widget for Elementor lets you create an interactive dispersion effect that responds to mouse movements, adding captivating distortion to any image.

Particle Image Settings

Custom image
You can use a custom image to achieve amazing particle effects. You can also use SVG images/icons for better performance
Customize particle size
You can use a custom particle size to achieve amazing particle effects.

Particle Size : 1

Particle Size: 4

Particle Gap
Easily customize the gap between particles
Particle Gap: 6
Particle Gap: 10
Particle Noise
Easily customize the particles gravity
Particle Noise: 1
Particle Noise: 30
Multiple layers of particle
Particle Layer: 3
Particle Life Cycle
Animate Particle Life Cycle
Custom Color
Set custom particle color

Particle Image Widget Frequently Asked Questions

What is the Particle Image widget in an Elementor website?

The Particle Image widget is an interactive tool that adds a particle effect to your images, creating a dynamic and visually captivating element on your Elementor website. It’s perfect for drawing attention to images with a modern, animated style that enhances user engagement.

How do I add a Particle Image to my Elementor website?

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

  1. Go to the Unlimited Elements Widget Library.
  2. Search for “Particle Image” in the search bar.
  3. Hover over the widget in the search results and click Install.
  4. Add the “Particle Image” widget to any Elementor page.
Is the Particle Image widget a free widget?

The Particle Image widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now

What types of images can I use with the Particle Image widget?

This widget supports a variety of image formats, including SVG, standard image files, and vector images. This flexibility allows you to use the type of image that best suits your website design and the level of detail or interactivity you want to incorporate with the particle effects.

What are the rendering methods available in this widget?

This widget offers two rendering methods: Default and WebGL. The Default method uses standard HTML rendering, while the WebGL option provides a more advanced, GPU-accelerated rendering technique, allowing for smoother animations and better performance, especially when dealing with complex particle effects and high-density visuals.

Can I adjust the density of particles in the Particle Image widget?

You can customize the particle gap, which controls the density of the particles. By adjusting this setting, you can make the particles appear more spread out or more concentrated, allowing you to fine-tune the look and feel of the particle effect based on your website’s design needs.

Can I control the particle moving speed in this widget?

Gravity setting in this widget defines the force that pulls particles back to their origin position. It also influences the speed at which particles move. You can customize the gravity settings to control how the particles behave, making them move slower, faster, or more naturally based on your preferences for visual dynamics.

Can I enable mouse interactions in the Particle Image widget?

Yes, this widget allows you to enable mouse interactions, which make the particles respond to user movements. You can also adjust the mouse force to control how sensitive the particles are to the cursor's position, adding interactivity and enhancing the visual appeal of the image.

Can I make the Particle Image widget clickable and link to another page?

Yes, you can enable a link for this widget. This allows you to make the particle-effect image interactive, enabling users to click the image and be redirected to a specific URL, enhancing the user experience with both visual appeal and functionality.

Can I customize the color of the particles in the Particle Image widget?

You can customize the particle color in this widget. However, this option works only when the image used has transparency or an alpha channel such as a PNG or SVG with transparent areas. This feature offers flexibility in styling your particles to match the aesthetic of your page or brand.

How do I use the Particle Image widget in Elementor?

Using the Particle Image widget is straightforward. Drag the widget into your Elementor page, upload an image, and configure the particle effect settings. You can customize options like particle density, speed, and interactivity to match your design preferences. Check out our documentation for detailed guidance.