Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Scroll Text Animation - Featured Blog
Post Carousel Slider - Featured Blog
Person Schema - Featured Blog
Particle Image Widget for Elementor
PRO

Particle Image Block for WordPress

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

particle image elementor

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
custom color

Particle Image Block Frequently Asked Questions

What is the Particle Image block in an WordPress website?

The Particle Image block is an interactive tool that adds a particle effect to your images, creating a dynamic and visually captivating element on your WordPress 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 WordPress website?

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

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

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

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

This block 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 block?

This block 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 block?

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 block?

Gravity setting in this block 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 block?

Yes, this block 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 block clickable and link to another page?

Yes, you can enable a link for this block. 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 block?

You can customize the particle color in this block. 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 block in WordPress?

Using the Particle Image block is straightforward. Drag the block into your WordPress 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.

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!