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
- Interactive image with particles effect
- Choose any Image
- Adjust particles size
- Adjust gap between particles
- Multiple layers of particles
- Hover and click interaction
- Enable / Disable Link
- Animated Particle
- Set entrance animation
Particle Size : 1
Particle Size: 4
Particle Image Widget Frequently Asked Questions
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.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for “Particle Image” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Particle Image” widget to any Elementor page.
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
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.
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.
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.
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.
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.
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.
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.
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.