How to Add Cool Particles Effects Without Any Coding Using Elementor

One question that always pops up on everyone’s mind while designing a site is that ‘What can I do to make my website stand out to the visitors?’ Even though there are plenty of ways to make it noticeable, having interactive visual-designs do indeed play a major role. Thanks to this new feature of Essential Addons, you can now easily display amazing illustrations on your page. In this article, we are going to give you a walk-through tutorial on how to add cool Particles Effects without any coding using Elementor.


Why You Need to Add Particles Effects On Your Site

At first, let’s talk about what actually is the Particles Effects. Basically, it displays a series of interactive shapes and atoms. The look can vary from being dots, triangles, polygons & many more. Moreover, you can easily create wonderful visual-designs such as snow, rain, stars & many more using this.

The amazing part about Particles Effects is that users are able to interact with it. For example, you can click or move your mouse over it and the visual-designs will react to it. As a result, you are easily able to spice up your website for your visitors.

Most importantly, by using the Particles Effects you can easily design your website visually attractive. As a result, you can instantly grab your visitors’ attention and make your site stand out from others.

Particles Effects

By default, Elementor Page Builder doesn’t provide any feature to implement the Particles Effects on your website. This is a bit of discouraging for lots of users. In addition to that, there are plenty of tutorials out there which show how to add Particles effect using Elementor but all of them consists of coding. As a result, the majority of the people find it very troublesome.

However, with the latest addition of EA Particles Extension, Essential Addons is going to take care of this headache having to cost any money whatsoever. You are now able to easily add beautiful Particles Effects without having to touch the code at all.

Key Features

  • Amazing Visual Effects
  • Creating User Interactions
  • Add Personalized Styling
  • No Coding Required

How to Add Particles Effects using Essential Addons

Before you begin, make sure to install both Free and PRO version of Essential Addons.

1. Extension Activation

You will find the Extensions Activation from your WordPress Dashboard. Simply just navigate to wp-admin -> Elementor -> Essential Addons -> Extensions.

Particles Effects

2. Modify Your Page Section

Well, to use the Particles Effects on your WordPress website, you need to add it to your preferred area of the site. The ideal way to do this is to on a beautiful background image. So, if you have a nice page section all set up with a proper picture, all you have to is to edit it.Particles Effects

How to Configure Particles Effects

After you click on ‘Edit Section’ option, then you will view the EA Particles settings on your Elementor panel. Use the toggle to enable the effects. Afterward, based on your preference, you can either choose one of the preset Themes or add your own custom style as well.

For instance, choose one of the Preset Themes & then you will see the image section filled with beautiful & interactive effects. You can easily hover or click your mouse over the particles and get the amazing experience.

Particles Effects

If you don’t like the preset themes, don’t be upset. Cause EA Particles also offers you to add your own custom effects as well. You can create interactive atoms from the widely used page of Vincent Garreau.

From this page, you have the freedom to choose a theme and style it by modifying colors & sizes. You can also decide the interactivity of the Particles from here as well.

After you are done with your customization, you can simply just export the JSON file & then copy & paste it in the ‘Custom Style’ section of EA Particles. As a result, your amazing personalized effects will be displayed on your website.

To know more details about this tutorial, you can also check our documentation on How to Configure EA Particles.

Particles Effects


After you are done configuring your preferred background & themes, simply go to the live preview or the published page to see all the visual effects in full flow. For this instance, you can see the stars and when you click on it they are going away from each other. Isn’t this really amazing?

Particles Effects


To make your website stand out, you need to add some amazing particles effects. While using these visual designs, you are able to make your site even more appealing and thus will be able to capture the attention of your visitors.

We hope that this article will help you out on getting started with designing interactive Parallax Effects using Essential Addons for Elementor.

To get the live experience of how the EA Parallax extension works, you can try out the our plugin. If you get stuck anywhere, feel free to leave your feedback in the comments section as well.

Picture of Rafin


Computer Geek with Love for Arsenal Football Club. Bit of a Workaholic as well.

Share This Story

9 thoughts on “How to Add Cool Particles Effects Without Any Coding Using Elementor

  1. Greate post. Keep posting such kind of information on your site.

    Im really impressed by your blog.
    Hello there, You’ve done an excellent job. I’ll definitely digg it and for my part
    suggest to my friends. I’m confident they’ll be benefited
    from this website.

  2. 881288 519696Thanks for the info provided! I was researching for this write-up for a long time, but I was not able to see a dependable source. 67416

  3. My brother suggested I might like this website.
    He was totally right. This post truly made my day. You can not imagine simply how much time I had spent for this info!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.